#0C6436

#0C6436

Color Values

HEX

#0C6436

RGB

12, 100, 54

HSL

148.6, 78.6%, 22.0%

HSV

148.6, 88.0%, 39.2%

CMYK

88.0%, 0.0%, 46.0%, 60.8%

OKLCH

0.4435 0.1077 153.6

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#0C6436

#640C3A

Analogous

#0E640C

#0C6462

#0C6436

Triadic

#0C6436

#360C64

#64360C

Split Complementary

#0C6436

#620C64

#640C0E

Tetradic

#0C6436

#0C0E64

#640C3A

#64620C

Color Blindness Simulation

Original

#0C6436

Protanopia

#323341

Deuteranopia

#2D2644

Tritanopia

#104A4C

Achromatopsia

#4E4E4E

CSS Usage

background-color: #0C6436;
color: #0C6436;
border-color: #0C6436;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F2FCF7
100
#E1F9ED
200
#BFF7DA
300
#92F2C0
400
#56EB9D
500
#1BE47B
600
#16B662
700
#11924F
800
#0E723D
900
#0E532F
950
#09341E

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

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