#335E55

#335E55

Color Values

HEX

#335E55

RGB

51, 94, 85

HSL

167.4, 29.7%, 28.4%

HSV

167.4, 45.7%, 36.9%

CMYK

45.7%, 0.0%, 9.6%, 63.1%

OKLCH

0.4477 0.0506 178.8

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#335E55

#5E333C

Analogous

#335E3F

#33515E

#335E55

Triadic

#335E55

#55335E

#5E5533

Split Complementary

#335E55

#5E3351

#5E3F33

Tetradic

#335E55

#3F335E

#5E333C

#515E33

Color Blindness Simulation

Original

#335E55

Protanopia

#464657

Deuteranopia

#434058

Tritanopia

#355959

Achromatopsia

#545454

CSS Usage

background-color: #335E55;
color: #335E55;
border-color: #335E55;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9F8
100
#E9F2F0
200
#D1E6E1
300
#B0D4CC
400
#85BDB1
500
#5AA595
600
#488478
700
#396A60
800
#2D534B
900
#233D38
950
#162723

Contrast Checker

Text on white

7.31:1

AA Pass AAA Pass

Text on black

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