#395556

#395556

Color Values

HEX

#395556

RGB

57, 85, 86

HSL

182.1, 20.3%, 28.0%

HSV

182.1, 33.7%, 33.7%

CMYK

33.7%, 1.2%, 0.0%, 66.3%

OKLCH

0.4277 0.0335 198.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#395556

#563A39

Analogous

#395648

#394656

#395556

Triadic

#395556

#563955

#555639

Split Complementary

#395556

#563946

#564839

Tetradic

#395556

#483956

#563A39

#465639

Color Blindness Simulation

Original

#395556

Protanopia

#454556

Deuteranopia

#444156

Tritanopia

#3A5656

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CDCE
400
#8DB2B4
500
#669899
600
#51797B
700
#416162
800
#334C4D
900
#283939
950
#192424

Contrast Checker

Text on white

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