Recognised as Colour

#3C8A74

#3C8A74
Cyan
Dark
Nearest: Dark cyan

#3C8A74 is a cyan with RGB values 60, 138, 116 and HSL 163°, 39%, 39%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Dark cyan.

Colour values

#3C8A74#3C8A74

HEX#3C8A74

RGBrgb(60, 138, 116)

RGB (0–1)0.2353, 0.5412, 0.4549

RGB percentages23.5%, 54.1%, 45.5%

HSLhsl(163.1, 39.4%, 38.8%)

HSV / HSBhsv(163.1, 56.5%, 54.1%)

CMYK56.5%, 0%, 15.9%, 45.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,967,604

CSS custom property--colour: #3C8A74;

Brightness & contrast

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

Perceived brightness117.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.08:1

Contrast with white4.13:1WCAG normal text: Fail

Contrast with black5.08:1WCAG normal text: AA

Greyscale equivalent#787878

Inverted#C3758B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#868273no red cones; affects about 1% of men; ΔE 28.7 from the original

Deuteranopia#7A7976no green cones; the most common form, about 1% of men; ΔE 29.6 from the original

Tritanopia#128B84no blue cones; rare, and affects men and women equally; ΔE 9.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.13:1WCAG large text: AA

Contrast with black, large text5.08:1WCAG large text: AAA

Named colours

Dark cyan · ΔE 13.6 Teal · ΔE 13.7 Cadetblue · ΔE 17.9 Sea green · ΔE 18.5 Light seagreen · ΔE 19.1 Dark seagreen · ΔE 24.6

Nearest named CSS colourDark cyan (#008B8B)ΔE 13.62, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8A3C52

Analogous#3C8A4D, #3C798A

Triadic#743C8A, #8A743C

Split complementary#8A3C79, #8A4D3C

Tetradic#4D3C8A, #8A3C52, #798A3C

Tints, shades & saturation

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

Lighter +40%#B4DED2

Lighter +30%#90CFBD

Lighter +20%#6DBFA8

Lighter +10%#4BAE92

Darker −10%#2D6656

Darker −20%#1D4338

Darker −30%#0E1F1A

Darker −40%#000000

More saturated +25%#23A37F

Less saturated −25%#557169

Channel breakdown

R60

G138

B116

Red60 (23.5%)

Green138 (54.1%)

Blue116 (45.5%)

Hue163.08°

Saturation (HSL)39.39%

Lightness38.82%

Dominant channelGreen

Hex per channelR 3C · G 8A · B 74

Keep nerding

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

#3C8A74

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