#395557

#395557

Color Values

HEX

#395557

RGB

57, 85, 87

HSL

184.0, 20.8%, 28.2%

HSV

184.0, 34.5%, 34.1%

CMYK

34.5%, 2.3%, 0.0%, 65.9%

OKLCH

0.4281 0.0336 201.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#395557

#573B39

Analogous

#39574A

#394657

#395557

Triadic

#395557

#573955

#555739

Split Complementary

#395557

#573946

#574A39

Tetradic

#395557

#4A3957

#573B39

#465739

Color Blindness Simulation

Original

#395557

Protanopia

#454557

Deuteranopia

#444156

Tritanopia

#3A5656

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CDCF
400
#8DB2B4
500
#65969A
600
#51787B
700
#416063
800
#324B4D
900
#27383A
950
#192424

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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