#3F5B64

#3F5B64

Color Values

HEX

#3F5B64

RGB

63, 91, 100

HSL

194.6, 22.7%, 32.0%

HSV

194.6, 37.0%, 39.2%

CMYK

37.0%, 9.0%, 0.0%, 60.8%

OKLCH

0.4526 0.0363 219.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3F5B64

#64483F

Analogous

#3F645B

#3F4964

#3F5B64

Triadic

#3F5B64

#643F5B

#5B643F

Split Complementary

#3F5B64

#643F49

#645B3F

Tetradic

#3F5B64

#5B3F64

#64483F

#49643F

Color Blindness Simulation

Original

#3F5B64

Protanopia

#4B4B62

Deuteranopia

#4A4761

Tritanopia

#406060

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3DFE3
300
#B4C9D0
400
#8BACB6
500
#638E9C
600
#4F727D
700
#3F5B64
800
#31474E
900
#27363A
950
#182225

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

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