#305124

#305124

Color Values

HEX

#305124

RGB

48, 81, 36

HSL

104.0, 38.5%, 22.9%

HSV

104.0, 55.6%, 31.8%

CMYK

40.7%, 0.0%, 55.6%, 68.2%

OKLCH

0.3975 0.0808 138.0

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#305124

#452451

Analogous

#465124

#24512E

#305124

Triadic

#305124

#243051

#512430

Split Complementary

#305124

#2E2451

#512446

Tetradic

#305124

#244651

#452451

#512E24

Color Blindness Simulation

Original

#305124

Protanopia

#3E3F2F

Deuteranopia

#3C3A32

Tritanopia

#323739

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF3E7
200
#D5E9CE
300
#B7D9AA
400
#90C57C
500
#69B14E
600
#548D3F
700
#437132
800
#345827
900
#294120
950
#1A2914

Contrast Checker

Text on white

9.02:1

AA Pass AAA Pass

Text on black

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