#304218

#304218

Color Values

HEX

#304218

RGB

48, 66, 24

HSL

85.7, 46.7%, 17.6%

HSV

85.7, 63.6%, 25.9%

CMYK

27.3%, 0.0%, 63.6%, 74.1%

OKLCH

0.3528 0.0689 128.8

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#304218

#2A1842

Analogous

#423F18

#1B4218

#304218

Triadic

#304218

#183042

#421830

Split Complementary

#304218

#181B42

#3F1842

Tetradic

#304218

#18423F

#2A1842

#42181B

Color Blindness Simulation

Original

#304218

Protanopia

#383822

Deuteranopia

#373525

Tritanopia

#312A2C

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DEECCB
300
#C6DEA5
400
#A7CD75
500
#88BB44
600
#6D9636
700
#57782B
800
#445E22
900
#33451C
950
#202B12

Contrast Checker

Text on white

10.95:1

AA Pass AAA Pass

Text on black

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