#304827

#304827

Color Values

HEX

#304827

RGB

48, 72, 39

HSL

103.6, 29.7%, 21.8%

HSV

103.6, 45.8%, 28.2%

CMYK

33.3%, 0.0%, 45.8%, 71.8%

OKLCH

0.3724 0.0616 137.6

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#304827

#3F2748

Analogous

#414827

#27482F

#304827

Triadic

#304827

#273048

#482730

Split Complementary

#304827

#2F2748

#482741

Tetradic

#304827

#274148

#3F2748

#482F27

Color Blindness Simulation

Original

#304827

Protanopia

#3A3B2F

Deuteranopia

#393731

Tritanopia

#313537

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#EBF2E9
200
#D6E6D1
300
#BAD4B0
400
#94BD85
500
#6EA55A
600
#588448
700
#476A39
800
#37532D
900
#2B3D23
950
#1B2716

Contrast Checker

Text on white

10.09:1

AA Pass AAA Pass

Text on black

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