#395650

#395650

Color Values

HEX

#395650

RGB

57, 86, 80

HSL

167.6, 20.3%, 28.0%

HSV

167.6, 33.7%, 33.7%

CMYK

33.7%, 0.0%, 7.0%, 66.3%

OKLCH

0.4282 0.0361 180.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#395650

#56393F

Analogous

#395641

#394D56

#395650

Triadic

#395650

#503956

#565039

Split Complementary

#395650

#56394D

#564139

Tetradic

#395650

#413956

#56393F

#4D5639

Color Blindness Simulation

Original

#395650

Protanopia

#464651

Deuteranopia

#444252

Tritanopia

#3A5353

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E3E0
300
#B5CEC9
400
#8DB4AC
500
#66998F
600
#517B72
700
#41625B
800
#334D47
900
#283936
950
#192422

Contrast Checker

Text on white

8.01:1

AA Pass AAA Pass

Text on black

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