#3F6064

#3F6064

Color Values

HEX

#3F6064

RGB

63, 96, 100

HSL

186.5, 22.7%, 32.0%

HSV

186.5, 37.0%, 39.2%

CMYK

37.0%, 4.0%, 0.0%, 60.8%

OKLCH

0.4653 0.0388 205.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3F6064

#64433F

Analogous

#3F6456

#3F4E64

#3F6064

Triadic

#3F6064

#643F60

#60643F

Split Complementary

#3F6064

#643F4E

#64563F

Tetradic

#3F6064

#563F64

#64433F

#4E643F

Color Blindness Simulation

Original

#3F6064

Protanopia

#4D4E63

Deuteranopia

#4B4963

Tritanopia

#416262

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E2E3
300
#B4CDD0
400
#8BB1B6
500
#63969C
600
#4F787D
700
#3F6064
800
#314B4E
900
#27383A
950
#182325

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

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