#306D49

#306D49

Color Values

HEX

#306D49

RGB

48, 109, 73

HSL

144.6, 38.9%, 30.8%

HSV

144.6, 56.0%, 42.7%

CMYK

56.0%, 0.0%, 33.0%, 57.3%

OKLCH

0.4838 0.0865 155.3

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#306D49

#6D3054

Analogous

#356D30

#306D68

#306D49

Triadic

#306D49

#49306D

#6D4930

Split Complementary

#306D49

#68306D

#6D3035

Tetradic

#306D49

#30356D

#6D3054

#6D6830

Color Blindness Simulation

Original

#306D49

Protanopia

#4A4B52

Deuteranopia

#474254

Tritanopia

#33595A

Achromatopsia

#5D5D5D

CSS Usage

background-color: #306D49;
color: #306D49;
border-color: #306D49;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDE9D9
300
#AADABE
400
#7CC59A
500
#4EB177
600
#3E8E5F
700
#32714C
800
#27593B
900
#1F412D
950
#14291D

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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