#424151

#424151

Color Values

HEX

#424151

RGB

66, 65, 81

HSL

243.8, 11.0%, 28.6%

HSV

243.8, 19.8%, 31.8%

CMYK

18.5%, 19.8%, 0.0%, 68.2%

OKLCH

0.3826 0.027 287.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#424151

#505141

Analogous

#414851

#4A4151

#424151

Triadic

#424151

#514241

#415142

Split Complementary

#424151

#514A41

#485141

Tetradic

#424151

#514148

#505141

#41514A

Color Blindness Simulation

Original

#424151

Protanopia

#42424D

Deuteranopia

#42424C

Tritanopia

#424A49

Achromatopsia

#424242

CSS Usage

background-color: #424151;
color: #424151;
border-color: #424151;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F7F7F8
100
#ECEBEF
200
#D8D7DF
300
#BCBBC9
400
#9896AB
500
#73718E
600
#5C5B71
700
#4A495B
800
#3A3947
900
#2C2C35
950
#1C1C22

Contrast Checker

Text on white

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