#3F5F65

#3F5F65

Color Values

HEX

#3F5F65

RGB

63, 95, 101

HSL

189.5, 23.2%, 32.2%

HSV

189.5, 37.6%, 39.6%

CMYK

37.6%, 5.9%, 0.0%, 60.4%

OKLCH

0.4631 0.0385 210.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3F5F65

#65453F

Analogous

#3F6558

#3F4C65

#3F5F65

Triadic

#3F5F65

#653F5F

#5F653F

Split Complementary

#3F5F65

#653F4C

#65583F

Tetradic

#3F5F65

#583F65

#65453F

#4C653F

Color Blindness Simulation

Original

#3F5F65

Protanopia

#4D4D64

Deuteranopia

#4B4963

Tritanopia

#416262

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAF0F1
200
#D3E1E4
300
#B4CCD0
400
#8BB0B7
500
#62949D
600
#4E767E
700
#3F5F65
800
#314A4F
900
#26373B
950
#182325

Contrast Checker

Text on white

6.92:1

AA Pass AAA Fail

Text on black

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