#355455

#355455

Color Values

HEX

#355455

RGB

53, 84, 85

HSL

181.9, 23.2%, 27.1%

HSV

181.9, 37.6%, 33.3%

CMYK

37.6%, 1.2%, 0.0%, 66.7%

OKLCH

0.4222 0.0366 198.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#355455

#553635

Analogous

#355546

#354455

#355455

Triadic

#355455

#553554

#545535

Split Complementary

#355455

#553544

#554635

Tetradic

#355455

#463555

#553635

#445535

Color Blindness Simulation

Original

#355455

Protanopia

#424355

Deuteranopia

#413E55

Tritanopia

#375555

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E3E4
300
#B4CFD0
400
#8BB5B7
500
#629B9D
600
#4E7C7E
700
#3F6365
800
#314E4F
900
#263A3B
950
#182525

Contrast Checker

Text on white

8.23:1

AA Pass AAA Pass

Text on black

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