Recognised as Colour

#3C8A63

#3C8A63
Cyan
Dark
Nearest: Sea green

#3C8A63 is a cyan with RGB values 60, 138, 99 and HSL 150°, 39%, 39%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Sea green.

Colour values

#3C8A63#3C8A63

HEX#3C8A63

RGBrgb(60, 138, 99)

RGB (0–1)0.2353, 0.5412, 0.3882

RGB percentages23.5%, 54.1%, 38.8%

HSLhsl(150, 39.4%, 38.8%)

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

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

24-bit integer3,967,587

CSS custom property--colour: #3C8A63;

Brightness & contrast

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

Perceived brightness115.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.01:1

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

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

Greyscale equivalent#777777

Inverted#C3759C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#21897Fno blue cones; rare, and affects men and women equally; ΔE 17 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Sea green · ΔE 8.7 Medium seagreen · ΔE 22.4 Dark seagreen · ΔE 22.9 Dark cyan · ΔE 23 Teal · ΔE 23.1 Dark olivegreen · ΔE 24.4

Nearest named CSS colourSea green (#2E8B57)ΔE 8.73, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8A3C63

Analogous#3C8A3C, #3C8A8A

Triadic#633C8A, #8A633C

Split complementary#8A3C8A, #8A3C3C

Tetradic#3C3C8A, #8A3C63, #8A8A3C

Tints, shades & saturation

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

Lighter +40%#B4DEC9

Lighter +30%#90CFAF

Lighter +20%#6DBF96

Lighter +10%#4BAE7D

Darker −10%#2D664A

Darker −20%#1D4330

Darker −30%#0E1F16

Darker −40%#000000

More saturated +25%#23A363

Less saturated −25%#557163

Channel breakdown

R60

G138

B99

Red60 (23.5%)

Green138 (54.1%)

Blue99 (38.8%)

Hue150°

Saturation (HSL)39.39%

Lightness38.82%

Dominant channelGreen

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

Keep nerding

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

#3C8A63

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