#335C56

#335C56

Color Values

HEX

#335C56

RGB

51, 92, 86

HSL

171.2, 28.7%, 28.0%

HSV

171.2, 44.6%, 36.1%

CMYK

44.6%, 0.0%, 6.5%, 63.9%

OKLCH

0.4427 0.0475 183.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#335C56

#5C3339

Analogous

#335C41

#334D5C

#335C56

Triadic

#335C56

#56335C

#5C5633

Split Complementary

#335C56

#5C334D

#5C4133

Tetradic

#335C56

#41335C

#5C3339

#4D5C33

Color Blindness Simulation

Original

#335C56

Protanopia

#454557

Deuteranopia

#423F58

Tritanopia

#355959

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F0
200
#D1E6E3
300
#B0D3CE
400
#86BCB4
500
#5BA499
600
#49837B
700
#3A6962
800
#2D524D
900
#243D39
950
#172724

Contrast Checker

Text on white

7.48:1

AA Pass AAA Pass

Text on black

2.81:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026