#0C3F2C

#0C3F2C

Color Values

HEX

#0C3F2C

RGB

12, 63, 44

HSL

157.6, 68.0%, 14.7%

HSV

157.6, 81.0%, 24.7%

CMYK

81.0%, 0.0%, 30.2%, 75.3%

OKLCH

0.3289 0.0629 163.6

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#0C3F2C

#3F0C1F

Analogous

#0C3F12

#0C393F

#0C3F2C

Triadic

#0C3F2C

#2C0C3F

#3F2C0C

Split Complementary

#0C3F2C

#3F0C39

#3F120C

Tetradic

#0C3F2C

#120C3F

#3F0C1F

#393F0C

Color Blindness Simulation

Original

#0C3F2C

Protanopia

#222331

Deuteranopia

#1F1B32

Tritanopia

#0F3435

Achromatopsia

#333333

CSS Usage

background-color: #0C3F2C;
color: #0C3F2C;
border-color: #0C3F2C;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F3FCF8
100
#E3F7F0
200
#C3F4E1
300
#98EBCC
400
#60E1B1
500
#29D695
600
#21AB78
700
#1A8960
800
#146B4B
900
#134E38
950
#0C3123

Contrast Checker

Text on white

11.91:1

AA Pass AAA Pass

Text on black

1.76:1

AA Fail 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