#335A52

#335A52

Color Values

HEX

#335A52

RGB

51, 90, 82

HSL

167.7, 27.7%, 27.6%

HSV

167.7, 43.3%, 35.3%

CMYK

43.3%, 0.0%, 8.9%, 64.7%

OKLCH

0.436 0.0466 179.4

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#335A52

#5A333B

Analogous

#335A3E

#334E5A

#335A52

Triadic

#335A52

#52335A

#5A5233

Split Complementary

#335A52

#5A334E

#5A3E33

Tetradic

#335A52

#3E335A

#5A333B

#4E5A33

Color Blindness Simulation

Original

#335A52

Protanopia

#444454

Deuteranopia

#423F54

Tritanopia

#355556

Achromatopsia

#515151

CSS Usage

background-color: #335A52;
color: #335A52;
border-color: #335A52;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D1E5E1
300
#B1D3CC
400
#87BBB0
500
#5CA394
600
#4A8277
700
#3B685F
800
#2E514A
900
#243D38
950
#172623

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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