#0C4D2B

#0C4D2B

Color Values

HEX

#0C4D2B

RGB

12, 77, 43

HSL

148.6, 73.0%, 17.5%

HSV

148.6, 84.4%, 30.2%

CMYK

84.4%, 0.0%, 44.2%, 69.8%

OKLCH

0.3719 0.0855 154.7

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#0C4D2B

#4D0C2E

Analogous

#0E4D0C

#0C4D4C

#0C4D2B

Triadic

#0C4D2B

#2B0C4D

#4D2B0C

Split Complementary

#0C4D2B

#4C0C4D

#4D0C0E

Tetradic

#0C4D2B

#0C0E4D

#4D0C2E

#4D4C0C

Color Blindness Simulation

Original

#0C4D2B

Protanopia

#282933

Deuteranopia

#241F35

Tritanopia

#0F3A3B

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C1F5DA
300
#95EEC0
400
#5CE69D
500
#22DD7B
600
#1CB063
700
#168D4F
800
#116E3E
900
#11502F
950
#0A331E

Contrast Checker

Text on white

9.94:1

AA Pass AAA Pass

Text on black

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