Colour

#3CB084

#3CB084
Cyan
Dark
Nearest: Medium seagreen

#3CB084 is a cyan with RGB values 60, 176, 132 and HSL 157°, 49%, 46%. It is a dark colour, so black text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Medium seagreen.

Colour values

#3CB084#3CB084

HEX#3CB084

RGBrgb(60, 176, 132)

RGB (0–1)0.2353, 0.6902, 0.5176

RGB percentages23.5%, 69%, 51.8%

HSLhsl(157.2, 49.2%, 46.3%)

HSV / HSBhsv(157.2, 65.9%, 69%)

CMYK65.9%, 0%, 25%, 31%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,977,348

CSS custom property--colour: #3CB084;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.74:1

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

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

Greyscale equivalent#949494

Inverted#C34F7B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#9D9887no green cones; the most common form, about 1% of men; ΔE 42 from the original

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

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

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

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

Named colours

Medium seagreen · ΔE 12.3 Medium aquamarine · ΔE 12.9 Sea green · ΔE 15.2 Light seagreen · ΔE 20.3 Dark seagreen · ΔE 21.1 Turquoise · ΔE 23.9

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B03C68

Analogous#3CB04A, #3CA2B0

Triadic#843CB0, #B0843C

Split complementary#B03CA2, #B04A3C

Tetradic#4A3CB0, #B03C68, #A2B03C

Tints, shades & saturation

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

Lighter +40%#CBEDE0

Lighter +30%#A5E0CA

Lighter +20%#7FD3B3

Lighter +10%#59C69D

Darker −10%#2F8A67

Darker −20%#22644B

Darker −30%#153E2E

Darker −40%#081812

More saturated +25%#1ECE8B

Less saturated −25%#5A937D

Channel breakdown

R60

G176

B132

Red60 (23.5%)

Green176 (69%)

Blue132 (51.8%)

Hue157.24°

Saturation (HSL)49.15%

Lightness46.27%

Dominant channelGreen

Hex per channelR 3C · G B0 · B 84

Keep nerding

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

#3CB084

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