Colour

#577D73

#577D73
Cyan
Dark
Nearest: Cadetblue

#577D73 is a cyan with RGB values 87, 125, 115 and HSL 164°, 18%, 42%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Cadetblue.

Colour values

#577D73#577D73

HEX#577D73

RGBrgb(87, 125, 115)

RGB (0–1)0.3412, 0.4902, 0.451

RGB percentages34.1%, 49%, 45.1%

HSLhsl(164.2, 17.9%, 41.6%)

HSV / HSBhsv(164.2, 30.4%, 49%)

CMYK30.4%, 0%, 8%, 51%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,733,747

CSS custom property--colour: #577D73;

Brightness & contrast

Relative luminance0.17931WCAG 2.x, 0 is black and 1 is white

Perceived brightness113.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.59:1

Contrast with white4.58:1WCAG normal text: AA

Contrast with black4.59:1WCAG normal text: AA

Greyscale equivalent#747474

Inverted#A8828C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7A7873no red cones; affects about 1% of men; ΔE 15.6 from the original

Deuteranopia#737374no green cones; the most common form, about 1% of men; ΔE 16 from the original

Tritanopia#4D7E7Ano blue cones; rare, and affects men and women equally; ΔE 4.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.58:1WCAG large text: AAA

Contrast with black, large text4.59:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 15.1 Gray · ΔE 16.2 Teal · ΔE 16.4 Dim grey · ΔE 16.5 Slate grey · ΔE 18.2 Dark cyan · ΔE 18.3

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 15.1, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#7D5761

Analogous#577D60, #57747D

Triadic#73577D, #7D7357

Split complementary#7D5774, #7D6057

Tetradic#60577D, #7D5761, #747D57

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#C8D8D4

Lighter +30%#AAC3BD

Lighter +20%#8BAFA5

Lighter +10%#6D9A8E

Darker −10%#425F57

Darker −20%#2D413C

Darker −30%#182320

Darker −40%#030504

More saturated +25%#3C9880

Less saturated −25%#6A6A6A

Channel breakdown

R87

G125

B115

Red87 (34.1%)

Green125 (49%)

Blue115 (45.1%)

Hue164.21°

Saturation (HSL)17.92%

Lightness41.57%

Dominant channelGreen

Hex per channelR 57 · G 7D · B 73

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#577D73

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else