Colour

#3BB377

#3BB377
Cyan
Dark
Nearest: Medium seagreen

#3BB377 is a cyan with RGB values 59, 179, 119 and HSL 150°, 50%, 47%. It is a dark colour, so black text on it reaches 7.9:1 contrast (AAA for normal text). The nearest named colour is Medium seagreen.

Colour values

#3BB377#3BB377

HEX#3BB377

RGBrgb(59, 179, 119)

RGB (0–1)0.2314, 0.702, 0.4667

RGB percentages23.1%, 70.2%, 46.7%

HSLhsl(150, 50.4%, 46.7%)

HSV / HSBhsv(150, 67%, 70.2%)

CMYK67%, 0%, 33.5%, 29.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,912,567

CSS custom property--colour: #3BB377;

Brightness & contrast

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

Perceived brightness146.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.9:1

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

Contrast with black7.9:1WCAG normal text: AAA

Greyscale equivalent#959595

Inverted#C44C88

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#00B2A3no blue cones; rare, and affects men and women equally; ΔE 25 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

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

Contrast with black, large text7.9:1WCAG large text: AAA

Named colours

Medium seagreen · ΔE 3.3 Sea green · ΔE 15.8 Medium aquamarine · ΔE 18.7 Dark seagreen · ΔE 24.5 Light green · ΔE 26.4 Forest green · ΔE 28.1

Nearest named CSS colourMedium seagreen (#3CB371)ΔE 3.27, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B33B77

Analogous#3BB33B, #3BB3B3

Triadic#773BB3, #B3773B

Split complementary#B33BB3, #B33B3B

Tetradic#3B3BB3, #B33B77, #B3B33B

Tints, shades & saturation

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

Lighter +40%#CCEEDD

Lighter +30%#A5E2C3

Lighter +20%#7FD5AA

Lighter +10%#59C891

Darker −10%#2E8D5E

Darker −20%#226644

Darker −30%#15402A

Darker −40%#081A11

More saturated +25%#1DD177

Less saturated −25%#599577

Channel breakdown

R59

G179

B119

Red59 (23.1%)

Green179 (70.2%)

Blue119 (46.7%)

Hue150°

Saturation (HSL)50.42%

Lightness46.67%

Dominant channelGreen

Hex per channelR 3B · G B3 · B 77

Keep nerding

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

#3BB377

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