#0C6704

#0C6704

Color Values

HEX

#0C6704

RGB

12, 103, 4

HSL

115.2, 92.5%, 21.0%

HSV

115.2, 96.1%, 40.4%

CMYK

88.3%, 0.0%, 96.1%, 59.6%

OKLCH

0.447 0.1477 142.0

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#0C6704

#5F0467

Analogous

#3D6704

#04672E

#0C6704

Triadic

#0C6704

#040C67

#67040C

Split Complementary

#0C6704

#2E0467

#67043D

Tetradic

#0C6704

#043D67

#5F0467

#672E04

Color Blindness Simulation

Original

#0C6704

Protanopia

#33341C

Deuteranopia

#2E2722

Tritanopia

#112F33

Achromatopsia

#4D4D4D

CSS Usage

background-color: #0C6704;
color: #0C6704;
border-color: #0C6704;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F2FDF1
100
#E1FBDF
200
#C0FCBA
300
#92FA89
400
#57F849
500
#1CF50A
600
#17C408
700
#129D06
800
#0E7B05
900
#0F5908
950
#093805

Contrast Checker

Text on white

7.1:1

AA Pass AAA Pass

Text on black

2.96:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026