#306A35

#306A35

Color Values

HEX

#306A35

RGB

48, 106, 53

HSL

125.2, 37.7%, 30.2%

HSV

125.2, 54.7%, 41.6%

CMYK

54.7%, 0.0%, 50.0%, 58.4%

OKLCH

0.4713 0.103 145.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#306A35

#6A3065

Analogous

#486A30

#306A52

#306A35

Triadic

#306A35

#35306A

#6A3530

Split Complementary

#306A35

#52306A

#6A3048

Tetradic

#306A35

#30486A

#6A3065

#6A5230

Color Blindness Simulation

Original

#306A35

Protanopia

#494A42

Deuteranopia

#464145

Tritanopia

#334C4E

Achromatopsia

#5A5A5A

CSS Usage

background-color: #306A35;
color: #306A35;
border-color: #306A35;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9D0
300
#ABD9AF
400
#7DC483
500
#4FB058
600
#408C46
700
#337038
800
#28582C
900
#204123
950
#142916

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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