#335753

#335753

Color Values

HEX

#335753

RGB

51, 87, 83

HSL

173.3, 26.1%, 27.1%

HSV

173.3, 41.4%, 34.1%

CMYK

41.4%, 0.0%, 4.6%, 65.9%

OKLCH

0.4283 0.0422 186.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#335753

#573337

Analogous

#335741

#334957

#335753

Triadic

#335753

#533357

#575333

Split Complementary

#335753

#573349

#574133

Tetradic

#335753

#413357

#573337

#495733

Color Blindness Simulation

Original

#335753

Protanopia

#434354

Deuteranopia

#403E54

Tritanopia

#355555

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E5E3
300
#B2D2CE
400
#88B9B4
500
#5EA199
600
#4B817B
700
#3C6762
800
#2F504D
900
#253C39
950
#172624

Contrast Checker

Text on white

7.99:1

AA Pass AAA Pass

Text on black

2.63:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026