#306550

#306550

Color Values

HEX

#306550

RGB

48, 101, 80

HSL

156.2, 35.6%, 29.2%

HSV

156.2, 52.5%, 39.6%

CMYK

52.5%, 0.0%, 20.8%, 60.4%

OKLCH

0.4637 0.067 165.5

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#306550

#653045

Analogous

#306535

#305F65

#306550

Triadic

#306550

#503065

#655030

Split Complementary

#306550

#65305F

#653530

Tetradic

#306550

#353065

#653045

#5F6530

Color Blindness Simulation

Original

#306550

Protanopia

#474755

Deuteranopia

#444056

Tritanopia

#33595A

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CFE8DE
300
#ACD8C6
400
#7FC2A8
500
#52AD89
600
#428A6E
700
#356F58
800
#295644
900
#214034
950
#152821

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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