#0CAC6E

#0CAC6E

Color Values

HEX

#0CAC6E

RGB

12, 172, 110

HSL

156.8, 87.0%, 36.1%

HSV

156.8, 93.0%, 67.5%

CMYK

93.0%, 0.0%, 36.0%, 32.5%

OKLCH

0.6569 0.1499 158.6

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#0CAC6E

#AC0C4A

Analogous

#0CAC1E

#0C9AAC

#0CAC6E

Triadic

#0CAC6E

#6E0CAC

#AC6E0C

Split Complementary

#0CAC6E

#AC0C9A

#AC1E0C

Tetradic

#0CAC6E

#1E0CAC

#AC0C4A

#9AAC0C

Color Blindness Simulation

Original

#0CAC6E

Protanopia

#51537D

Deuteranopia

#483C81

Tritanopia

#14898B

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.14:1

AA Pass AAA Pass

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