#3F4347

#3F4347

Color Values

HEX

#3F4347

RGB

63, 67, 71

HSL

210.0, 6.0%, 26.3%

HSV

210.0, 11.3%, 27.8%

CMYK

11.3%, 5.6%, 0.0%, 72.2%

OKLCH

0.3806 0.0087 248.1

Properties

Cool Dark Nearest: RAL 7031 Blue Grey

Color Harmonies

Complementary

#3F4347

#47433F

Analogous

#3F4747

#3F3F47

#3F4347

Triadic

#3F4347

#473F43

#43473F

Split Complementary

#3F4347

#473F3F

#47473F

Tetradic

#3F4347

#473F47

#47433F

#3F473F

Color Blindness Simulation

Original

#3F4347

Protanopia

#414146

Deuteranopia

#404046

Tritanopia

#3F4545

Achromatopsia

#424242

CSS Usage

background-color: #3F4347;
color: #3F4347;
border-color: #3F4347;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DBDD
300
#BEC2C5
400
#9BA1A6
500
#788087
600
#60666C
700
#4D5256
800
#3C4044
900
#2E3033
950
#1D1F20

Contrast Checker

Text on white

9.98:1

AA Pass AAA Pass

Text on black

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