#448B5C

Color Details

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

Readability Previews

Black on #448b5c
Contrast 5.09:1 AA
White on #448b5c
Contrast 4.12:1 Fail
#448b5c on Black
Contrast 5.09:1 AA
#448b5c on White
Contrast 4.12:1 Fail

Tints & Shades

#69a27d
#8fb99d
#b4d1be
#366f4a
#295337
#1b3825

Complement & Analogous

#8c4574
#458c80
#518c45

Triadic

#5d458c
#8c5d45

Monochrome

#1b3825 #295337 #448b5c #8fb99d #b4d1be #dae8de

Analogous

#518c45 #85af7d #448b5c #6aa399 #458c80 #377066

Complementary Mix

#295337 #448b5c #8fb99d #8c4574 #b486a5 #5b2d4b

Nearby Colors

#448b5b
#448b5d
#448b4c
#448b6c

Embed #448B5C swatch

Embed this swatch

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

Open image

About #448B5C

#448B5C converts to RGB(68, 139, 92) and HSL(140, 34%, 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).

#448B5C FAQs

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