#3F5553

#3F5553

Color Values

HEX

#3F5553

RGB

63, 85, 83

HSL

174.5, 14.9%, 29.0%

HSV

174.5, 25.9%, 33.3%

CMYK

25.9%, 0.0%, 2.4%, 66.7%

OKLCH

0.4307 0.0271 189.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3F5553

#553F41

Analogous

#3F5548

#3F4C55

#3F5553

Triadic

#3F5553

#533F55

#55533F

Split Complementary

#3F5553

#553F4C

#55483F

Tetradic

#3F5553

#483F55

#553F41

#4C553F

Color Blindness Simulation

Original

#3F5553

Protanopia

#494953

Deuteranopia

#474654

Tritanopia

#405454

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E1E0
300
#B9CBC9
400
#93AFAC
500
#6D928F
600
#577572
700
#455E5C
800
#364948
900
#2A3736
950
#1A2322

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026