#335D62

#335D62

Color Values

HEX

#335D62

RGB

51, 93, 98

HSL

186.4, 31.5%, 29.2%

HSV

186.4, 48.0%, 38.4%

CMYK

48.0%, 5.1%, 0.0%, 61.6%

OKLCH

0.4499 0.0476 205.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#335D62

#623833

Analogous

#33624F

#334562

#335D62

Triadic

#335D62

#62335D

#5D6233

Split Complementary

#335D62

#623345

#624F33

Tetradic

#335D62

#4F3362

#623833

#456233

Color Blindness Simulation

Original

#335D62

Protanopia

#454661

Deuteranopia

#434060

Tritanopia

#356060

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E4E7
300
#AFD1D5
400
#83B8BE
500
#579FA8
600
#467F86
700
#38666B
800
#2C5054
900
#233B3E
950
#162527

Contrast Checker

Text on white

7.28:1

AA Pass AAA Pass

Text on black

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