#0C8316

#0C8316

Color Values

HEX

#0C8316

RGB

12, 131, 22

HSL

125.0, 83.2%, 28.0%

HSV

125.0, 90.8%, 51.4%

CMYK

90.8%, 0.0%, 83.2%, 48.6%

OKLCH

0.5305 0.1711 143.3

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#0C8316

#830C79

Analogous

#3D830C

#0C8351

#0C8316

Triadic

#0C8316

#160C83

#83160C

Split Complementary

#0C8316

#510C83

#830C3D

Tetradic

#0C8316

#0C3D83

#830C79

#83510C

Color Blindness Simulation

Original

#0C8316

Protanopia

#404130

Deuteranopia

#393037

Tritanopia

#12454A

Achromatopsia

#626262

CSS Usage

background-color: #0C8316;
color: #0C8316;
border-color: #0C8316;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FDF3
100
#E1FAE3
200
#BEF9C3
300
#8FF597
400
#52EF5F
500
#15EA27
600
#11BB1F
700
#0E9519
800
#0B7514
900
#0C5512
950
#08360C

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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