#0C3106

#0C3106

Color Values

HEX

#0C3106

RGB

12, 49, 6

HSL

111.6, 78.2%, 10.8%

HSV

111.6, 87.8%, 19.2%

CMYK

75.5%, 0.0%, 87.8%, 80.8%

OKLCH

0.2763 0.0806 141.0

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#0C3106

#2B0631

Analogous

#223106

#063116

#0C3106

Triadic

#0C3106

#060C31

#31060C

Split Complementary

#0C3106

#160631

#310622

Tetradic

#0C3106

#062231

#2B0631

#311606

Color Blindness Simulation

Original

#0C3106

Protanopia

#1C1C10

Deuteranopia

#1A1713

Tritanopia

#0E191A

Achromatopsia

#262626

CSS Usage

background-color: #0C3106;
color: #0C3106;
border-color: #0C3106;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F4FCF2
100
#E5F9E1
200
#C7F7BF
300
#9FF292
400
#6CEA57
500
#38E31C
600
#2DB616
700
#249112
800
#1C720E
900
#18530E
950
#0F3409

Contrast Checker

Text on white

14.41:1

AA Pass AAA Pass

Text on black

1.46:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026