#0C4830

#0C4830

Color Values

HEX

#0C4830

RGB

12, 72, 48

HSL

156.0, 71.4%, 16.5%

HSV

156.0, 83.3%, 28.2%

CMYK

83.3%, 0.0%, 33.3%, 71.8%

OKLCH

0.3578 0.0727 161.3

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#0C4830

#480C24

Analogous

#0C4812

#0C4248

#0C4830

Triadic

#0C4830

#300C48

#48300C

Split Complementary

#0C4830

#480C42

#48120C

Tetradic

#0C4830

#120C48

#480C24

#42480C

Color Blindness Simulation

Original

#0C4830

Protanopia

#262736

Deuteranopia

#221E37

Tritanopia

#0F3A3B

Achromatopsia

#3A3A3A

CSS Usage

background-color: #0C4830;
color: #0C4830;
border-color: #0C4830;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F3FCF8
100
#E2F8EF
200
#C2F5E0
300
#96EDCB
400
#5DE4AE
500
#24DB92
600
#1DAF75
700
#178C5D
800
#126D49
900
#115037
950
#0B3223

Contrast Checker

Text on white

10.58:1

AA Pass AAA Pass

Text on black

1.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026