Colour

#57B985

#57B985
Green
Dark
Nearest: Medium seagreen

#57B985 is a green with RGB values 87, 185, 133 and HSL 148°, 41%, 53%. It is a dark colour, so black text on it reaches 8.7:1 contrast (AAA for normal text). The nearest named colour is Medium seagreen.

Colour values

#57B985#57B985

HEX#57B985

RGBrgb(87, 185, 133)

RGB (0–1)0.3412, 0.7255, 0.5216

RGB percentages34.1%, 72.5%, 52.2%

HSLhsl(148.2, 41.2%, 53.3%)

HSV / HSBhsv(148.2, 53%, 72.5%)

CMYK53%, 0%, 28.1%, 27.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,749,125

CSS custom property--colour: #57B985;

Brightness & contrast

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

Perceived brightness156.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.68:1

Contrast with white2.42:1WCAG normal text: Fail

Contrast with black8.68:1WCAG normal text: AAA

Greyscale equivalent#A0A0A0

Inverted#A8467A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#B8AD82no red cones; affects about 1% of men; ΔE 38.6 from the original

Deuteranopia#A9A388no green cones; the most common form, about 1% of men; ΔE 38.7 from the original

Tritanopia#39B8ABno blue cones; rare, and affects men and women equally; ΔE 21.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.42:1WCAG large text: Fail

Contrast with black, large text8.68:1WCAG large text: AAA

Named colours

Medium seagreen · ΔE 10.2 Medium aquamarine · ΔE 12.3 Sea green · ΔE 17 Dark seagreen · ΔE 17.5 Light seagreen · ΔE 24.5 Aquamarine · ΔE 25.5

Nearest named CSS colourMedium seagreen (#3CB371)ΔE 10.2, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B9578B

Analogous#5AB957, #57B9B6

Triadic#8557B9, #B98557

Split complementary#B657B9, #B9575A

Tetradic#575AB9, #B9578B, #B9B657

Tints, shades & saturation

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

Lighter +40%#E7F5EE

Lighter +30%#C3E6D3

Lighter +20%#9FD7B9

Lighter +10%#7BC89F

Darker −10%#419C6C

Darker −20%#327853

Darker −30%#23543A

Darker −40%#143021

More saturated +25%#39D783

Less saturated −25%#759B87

Channel breakdown

R87

G185

B133

Red87 (34.1%)

Green185 (72.5%)

Blue133 (52.2%)

Hue148.16°

Saturation (HSL)41.18%

Lightness53.33%

Dominant channelGreen

Hex per channelR 57 · G B9 · B 85

Keep nerding

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

#57B985

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