#578375

A medium, muted green closely aligning with Cadetblue.

About #578375

The precise color #578375 is an excellent choice for modern design projects. It is closely associated with the named CSS color Cadetblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 131, and 117.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 34% cyan and 0% magenta inks. The HSL representation is 160.9° hue, 20.2% saturation, and 42.7% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#578375
RGB87, 131, 117
HSL160.9°, 20.2%, 42.7%
CMYK34%, 0%, 11%, 49%
HSV160.9°, 33.6%, 51.4%
LAB51.3, -18.4, 2.8
XYZ15.3, 19.5, 19.8
Decimal5735285

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.28:1
Text on #FFFFFF
AA Large
4.91:1
Text on #000000
AA
4.09:1
Text on #F8FAFC
AA Large
4.17:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Cadetblue
#5F9EA0