#0C4222

#0C4222

Color Values

HEX

#0C4222

RGB

12, 66, 34

HSL

144.4, 69.2%, 15.3%

HSV

144.4, 81.8%, 25.9%

CMYK

81.8%, 0.0%, 48.5%, 74.1%

OKLCH

0.3358 0.0784 152.5

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#0C4222

#420C2C

Analogous

#11420C

#0C423D

#0C4222

Triadic

#0C4222

#220C42

#42220C

Split Complementary

#0C4222

#3D0C42

#420C11

Tetradic

#0C4222

#0C1142

#420C2C

#423D0C

Color Blindness Simulation

Original

#0C4222

Protanopia

#23242A

Deuteranopia

#201C2C

Tritanopia

#0F3031

Achromatopsia

#343434

CSS Usage

background-color: #0C4222;
color: #0C4222;
border-color: #0C4222;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F3FCF7
100
#E3F8EB
200
#C3F4D7
300
#97ECBA
400
#5FE294
500
#27D86F
600
#1FAD59
700
#198A47
800
#146C38
900
#124F2B
950
#0C321B

Contrast Checker

Text on white

11.55:1

AA Pass AAA Pass

Text on black

1.82:1

AA Fail AAA Fail

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