#335550

#335550

Color Values

HEX

#335550

RGB

51, 85, 80

HSL

171.2, 25.0%, 26.7%

HSV

171.2, 40.0%, 33.3%

CMYK

40.0%, 0.0%, 5.9%, 66.7%

OKLCH

0.4218 0.0407 184.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#335550

#553338

Analogous

#33553F

#334955

#335550

Triadic

#335550

#503355

#555033

Split Complementary

#335550

#553349

#553F33

Tetradic

#335550

#3F3355

#553338

#495533

Color Blindness Simulation

Original

#335550

Protanopia

#424251

Deuteranopia

#403D52

Tritanopia

#355252

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D2E4E2
300
#B2D1CD
400
#89B8B1
500
#609F96
600
#4D8078
700
#3D6660
800
#30504B
900
#263B38
950
#182523

Contrast Checker

Text on white

8.22:1

AA Pass AAA Pass

Text on black

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