#3F4344

#3F4344

Color Values

HEX

#3F4344

RGB

63, 67, 68

HSL

192.0, 3.8%, 25.7%

HSV

192.0, 7.4%, 26.7%

CMYK

7.4%, 1.5%, 0.0%, 73.3%

OKLCH

0.3795 0.0056 214.4

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#3F4344

#44403F

Analogous

#3F4443

#3F4144

#3F4344

Triadic

#3F4344

#443F43

#43443F

Split Complementary

#3F4344

#443F41

#44433F

Tetradic

#3F4344

#433F44

#44403F

#41443F

Color Blindness Simulation

Original

#3F4344

Protanopia

#414144

Deuteranopia

#404044

Tritanopia

#3F4444

Achromatopsia

#424242

CSS Usage

background-color: #3F4344;
color: #3F4344;
border-color: #3F4344;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADCDD
300
#BFC3C4
400
#9DA3A4
500
#7B8284
600
#62686A
700
#4E5355
800
#3D4142
900
#2F3132
950
#1E1F20

Contrast Checker

Text on white

10.01:1

AA Pass AAA Pass

Text on black

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