#24756D

A dark, moderate cyan closely aligning with Teal.

About #24756D

At its core, #24756D is a dark and moderate hue. Designers often compare it to the standard color Teal. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 117, and 109.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 69% cyan and 0% magenta inks. The HSL representation is 174.1° hue, 52.9% saturation, and 30.0% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#24756D
RGB36, 117, 109
HSL174.1°, 52.9%, 30.0%
CMYK69%, 0%, 7%, 54%
HSV174.1°, 69.2%, 45.9%
LAB44.5, -26.0, -2.7
XYZ9.8, 14.2, 16.7
Decimal2389357

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.47:1
Text on #FFFFFF
AA
3.84:1
Text on #000000
AA Large
5.23:1
Text on #F8FAFC
AA
3.26:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #24756D; }
.text-color { color: #24756D; }
.border-color { border: 2px solid #24756D; }

Similar Colors

Teal
#008080