#0CAD6F

#0CAD6F

Color Values

HEX

#0CAD6F

RGB

12, 173, 111

HSL

156.9, 87.0%, 36.3%

HSV

156.9, 93.1%, 67.8%

CMYK

93.1%, 0.0%, 35.8%, 32.2%

OKLCH

0.6598 0.1503 158.8

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#0CAD6F

#AD0C4A

Analogous

#0CAD1F

#0C9BAD

#0CAD6F

Triadic

#0CAD6F

#6F0CAD

#AD6F0C

Split Complementary

#0CAD6F

#AD0C9B

#AD1F0C

Tetradic

#0CAD6F

#1F0CAD

#AD0C4A

#9BAD0C

Color Blindness Simulation

Original

#0CAD6F

Protanopia

#52537E

Deuteranopia

#483C82

Tritanopia

#148A8C

Achromatopsia

#868686

CSS Usage

background-color: #0CAD6F;
color: #0CAD6F;
border-color: #0CAD6F;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F2FDF9
100
#E0FAF0
200
#BCFAE2
300
#8DF7CE
400
#4FF3B4
500
#11EE99
600
#0DBF7A
700
#0B9962
800
#08774D
900
#0B5639
950
#073724

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.22:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026