#0C9873

#0C9873

Color Values

HEX

#0C9873

RGB

12, 152, 115

HSL

164.1, 85.4%, 32.2%

HSV

164.1, 92.1%, 59.6%

CMYK

92.1%, 0.0%, 24.3%, 40.4%

OKLCH

0.6045 0.1208 167.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#0C9873

#980C31

Analogous

#0C982D

#0C7798

#0C9873

Triadic

#0C9873

#730C98

#98730C

Split Complementary

#0C9873

#980C77

#982D0C

Tetradic

#0C9873

#2D0C98

#980C31

#77980C

Color Blindness Simulation

Original

#0C9873

Protanopia

#494A7C

Deuteranopia

#40367E

Tritanopia

#138385

Achromatopsia

#787878

CSS Usage

background-color: #0C9873;
color: #0C9873;
border-color: #0C9873;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F2FDFA
100
#E0FAF3
200
#BDFAEA
300
#8EF6DA
400
#50F1C7
500
#13ECB3
600
#0FBD8F
700
#0C9772
800
#097659
900
#0B5642
950
#07362A

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.75:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026