#395151

#395151

Color Values

HEX

#395151

RGB

57, 81, 81

HSL

180.0, 17.4%, 27.1%

HSV

180.0, 29.6%, 31.8%

CMYK

29.6%, 0.0%, 0.0%, 68.2%

OKLCH

0.4154 0.0292 196.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#395151

#513939

Analogous

#395145

#394551

#395151

Triadic

#395151

#513951

#515139

Split Complementary

#395151

#513945

#514539

Tetradic

#395151

#453951

#513939

#455139

Color Blindness Simulation

Original

#395151

Protanopia

#434451

Deuteranopia

#424051

Tritanopia

#3A5151

Achromatopsia

#4C4C4C

CSS Usage

background-color: #395151;
color: #395151;
border-color: #395151;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F6F8F8
100
#EBF0F0
200
#D5E2E2
300
#B7CCCC
400
#90B1B1
500
#699696
600
#547878
700
#436060
800
#354B4B
900
#293838
950
#1A2323

Contrast Checker

Text on white

8.5:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026