Recognised as Colour

#577A62

#577A62
Green
Dark
Nearest: Dim grey

#577A62 is a green with RGB values 87, 122, 98 and HSL 139°, 17%, 41%. It is a dark colour, so white text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#577A62#577A62

HEX#577A62

RGBrgb(87, 122, 98)

RGB (0–1)0.3412, 0.4784, 0.3843

RGB percentages34.1%, 47.8%, 38.4%

HSLhsl(138.9, 16.7%, 41%)

HSV / HSBhsv(138.9, 28.7%, 47.8%)

CMYK28.7%, 0%, 19.7%, 52.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,732,962

CSS custom property--colour: #577A62;

Brightness & contrast

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

Perceived brightness110 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.81:1

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

Contrast with black4.37:1WCAG normal text: Fail

Greyscale equivalent#717171

Inverted#A8859D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#517973no blue cones; rare, and affects men and women equally; ΔE 10.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text4.37:1WCAG large text: AA

Named colours

Dim grey · ΔE 20.4 Gray · ΔE 20.8 Teal · ΔE 20.8 Cadetblue · ΔE 21.3 Dark slate grey · ΔE 22 Dark olivegreen · ΔE 22.2

Nearest named CSS colourDim grey (#696969)ΔE 20.37, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7A576F

Analogous#5D7A57, #577A74

Triadic#62577A, #7A6257

Split complementary#74577A, #7A575D

Tetradic#575D7A, #7A576F, #7A7457

Tints, shades & saturation

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

Lighter +40%#C6D7CB

Lighter +30%#A9C1B0

Lighter +20%#8BAC95

Lighter +10%#6D977A

Darker −10%#425C4A

Darker −20%#2D3E32

Darker −30%#17211A

Darker −40%#020302

More saturated +25%#3D9458

Less saturated −25%#696969

Channel breakdown

R87

G122

B98

Red87 (34.1%)

Green122 (47.8%)

Blue98 (38.4%)

Hue138.86°

Saturation (HSL)16.75%

Lightness40.98%

Dominant channelGreen

Hex per channelR 57 · G 7A · B 62

Keep nerding

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

#577A62

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