#3F5457

#3F5457

Color Values

HEX

#3F5457

RGB

63, 84, 87

HSL

187.5, 16.0%, 29.4%

HSV

187.5, 27.6%, 34.1%

CMYK

27.6%, 3.4%, 0.0%, 65.9%

OKLCH

0.4297 0.0262 207.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3F5457

#57423F

Analogous

#3F574E

#3F4857

#3F5457

Triadic

#3F5457

#573F54

#54573F

Split Complementary

#3F5457

#573F48

#574E3F

Tetradic

#3F5457

#4E3F57

#57423F

#48573F

Color Blindness Simulation

Original

#3F5457

Protanopia

#484856

Deuteranopia

#474556

Tritanopia

#405656

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D6E0E1
300
#B8C9CC
400
#92ACB0
500
#6B8F94
600
#567276
700
#455B5F
800
#36474A
900
#293637
950
#1A2223

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

2.62:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026