Colour

#0C5D3C

#0C5D3C
Cyan
Dark
Nearest: Sea green

#0C5D3C is a cyan with RGB values 12, 93, 60 and HSL 156°, 77%, 21%. It is a dark colour, so white text on it reaches 7.9:1 contrast (AAA for normal text). The nearest named colour is Sea green.

Colour values

#0C5D3C#0C5D3C

HEX#0C5D3C

RGBrgb(12, 93, 60)

RGB (0–1)0.0471, 0.3647, 0.2353

RGB percentages4.7%, 36.5%, 23.5%

HSLhsl(155.6, 77.1%, 20.6%)

HSV / HSBhsv(155.6, 87.1%, 36.5%)

CMYK87.1%, 0%, 35.5%, 63.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer810,300

CSS custom property--colour: #0C5D3C;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.93:1

Contrast with white7.93:1WCAG normal text: AAA

Contrast with black2.65:1WCAG normal text: Fail

Greyscale equivalent#494949

Inverted#F3A2C3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5C553Ano red cones; affects about 1% of men; ΔE 30.2 from the original

Deuteranopia#524E3Eno green cones; the most common form, about 1% of men; ΔE 30.4 from the original

Tritanopia#005D54no blue cones; rare, and affects men and women equally; ΔE 15.3 from the original

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

Contrast with white, large text7.93:1WCAG large text: AAA

Contrast with black, large text2.65:1WCAG large text: Fail

Named colours

Sea green · ΔE 20.3 Dark olivegreen · ΔE 23.4 Teal · ΔE 25.3 Dark slate grey · ΔE 26 Dark cyan · ΔE 28 Dark green · ΔE 31.6

Nearest named CSS colourSea green (#2E8B57)ΔE 20.29, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5D0C2D

Analogous#0C5D13, #0C565D

Triadic#3C0C5D, #5D3C0C

Split complementary#5D0C56, #5D130C

Tetradic#130C5D, #5D0C2D, #565D0C

Tints, shades & saturation

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

Lighter +40%#4DE8A9

Lighter +30%#20E293

Lighter +20%#18B776

Lighter +10%#128A59

Darker −10%#06301F

Darker −20%#000302

Darker −30%#000000

Darker −40%#000000

More saturated +25%#00693E

Less saturated −25%#19503A

Channel breakdown

R12

G93

B60

Red12 (4.7%)

Green93 (36.5%)

Blue60 (23.5%)

Hue155.56°

Saturation (HSL)77.14%

Lightness20.59%

Dominant channelGreen

Hex per channelR 0C · G 5D · B 3C

Keep nerding

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

#0C5D3C

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