#448C5C

Color Details

HEX
#448C5C
RGB
rgb(68, 140, 92)
HSL
hsl(140, 35%, 41%)
CMYK
cmyk(51%, 0%, 34%, 45%)
Best text on this color #000000 (CR 5.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #448c5c
Contrast 5.15:1 AA
White on #448c5c
Contrast 4.08:1 Fail
#448c5c on Black
Contrast 5.15:1 AA
#448c5c on White
Contrast 4.08:1 Fail

Tints & Shades

#69a37d
#8fba9d
#b4d1be
#36704a
#295437
#1b3825

Complement & Analogous

#8d4475
#448d81
#508d44

Triadic

#5c448d
#8d5c44

Monochrome

#1b3825 #295437 #448c5c #8fba9d #b4d1be #dae8de

Analogous

#508d44 #85af7c #448c5c #69a49a #448d81 #367167

Complementary Mix

#295437 #448c5c #8fba9d #8d4475 #b585a5 #5c2c4c

Nearby Colors

#448c5b
#448c5d
#448c4c
#448c6c

Embed #448C5C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #448C5C

#448C5C converts to RGB(68, 140, 92) and HSL(140, 35%, 41%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#448C5C FAQs

What is the RGB value of #448C5C?
RGB: 68, 140, 92. Copy as CSS: rgb(68, 140, 92)
Is #448C5C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #448C5C?
Complement: #8d4475.
Does #448C5C have good contrast on white or black?
On white: 4.08:1 (AA (large text)). On black: 5.15:1 (AA (normal text)).