#3F5C64

#3F5C64

Color Values

HEX

#3F5C64

RGB

63, 92, 100

HSL

193.0, 22.7%, 32.0%

HSV

193.0, 37.0%, 39.2%

CMYK

37.0%, 8.0%, 0.0%, 60.8%

OKLCH

0.4551 0.0366 216.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3F5C64

#64473F

Analogous

#3F645A

#3F4A64

#3F5C64

Triadic

#3F5C64

#643F5C

#5C643F

Split Complementary

#3F5C64

#643F4A

#645A3F

Tetradic

#3F5C64

#5A3F64

#64473F

#4A643F

Color Blindness Simulation

Original

#3F5C64

Protanopia

#4C4C62

Deuteranopia

#4A4862

Tritanopia

#406160

Achromatopsia

#565656

CSS Usage

background-color: #3F5C64;
color: #3F5C64;
border-color: #3F5C64;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3E0E3
300
#B4CAD0
400
#8BADB6
500
#63909C
600
#4F737D
700
#3F5C64
800
#31484E
900
#27363A
950
#182225

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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