#302C09

#302C09

Color Values

HEX

#302C09

RGB

48, 44, 9

HSL

53.8, 68.4%, 11.2%

HSV

53.8, 81.3%, 18.8%

CMYK

0.0%, 8.3%, 81.3%, 81.2%

OKLCH

0.2893 0.0516 102.7

Properties

Warm Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#302C09

#090D30

Analogous

#301909

#213009

#302C09

Triadic

#302C09

#09302C

#2C0930

Split Complementary

#302C09

#092130

#190930

Tetradic

#302C09

#093019

#090D30

#300921

Color Blindness Simulation

Original

#302C09

Protanopia

#2E2E11

Deuteranopia

#2E2F14

Tritanopia

#30181A

Achromatopsia

#2A2A2A

CSS Usage

background-color: #302C09;
color: #302C09;
border-color: #302C09;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FCFBF3
100
#F8F5E3
200
#F4EFC3
300
#ECE398
400
#E1D460
500
#D7C528
600
#AC9D20
700
#897E1A
800
#6B6214
900
#4E4813
950
#312E0C

Contrast Checker

Text on white

14.09:1

AA Pass AAA Pass

Text on black

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