#0C8656

#0C8656

Color Values

HEX

#0C8656

RGB

12, 134, 86

HSL

156.4, 83.6%, 28.6%

HSV

156.4, 91.0%, 52.5%

CMYK

91.0%, 0.0%, 35.8%, 47.5%

OKLCH

0.5479 0.1229 159.1

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#0C8656

#860C3C

Analogous

#0C8619

#0C7986

#0C8656

Triadic

#0C8656

#560C86

#86560C

Split Complementary

#0C8656

#860C79

#86190C

Tetradic

#0C8656

#190C86

#860C3C

#79860C

Color Blindness Simulation

Original

#0C8656

Protanopia

#414262

Deuteranopia

#3A3164

Tritanopia

#126B6D

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E0FAF0
200
#BDF9E2
300
#8FF5CD
400
#52F0B1
500
#15EA96
600
#11BB78
700
#0D9660
800
#0A754B
900
#0C5538
950
#083624

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56: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