#304312

#304312

Color Values

HEX

#304312

RGB

48, 67, 18

HSL

83.3, 57.6%, 16.7%

HSV

83.3, 73.1%, 26.3%

CMYK

28.4%, 0.0%, 73.1%, 73.7%

OKLCH

0.3549 0.0765 128.0

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#304312

#251243

Analogous

#433E12

#184312

#304312

Triadic

#304312

#123043

#431230

Split Complementary

#304312

#121843

#3E1243

Tetradic

#304312

#12433E

#251243

#431218

Color Blindness Simulation

Original

#304312

Protanopia

#38381E

Deuteranopia

#373621

Tritanopia

#312729

Achromatopsia

#3B3B3B

CSS Usage

background-color: #304312;
color: #304312;
border-color: #304312;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FBF4
100
#EFF6E4
200
#E0F0C7
300
#CAE59F
400
#ADD76A
500
#90C936
600
#73A12B
700
#5C8123
800
#48641B
900
#364A17
950
#222E0F

Contrast Checker

Text on white

10.84:1

AA Pass AAA Pass

Text on black

1.94:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026