#424C55

#424C55

Color Values

HEX

#424C55

RGB

66, 76, 85

HSL

208.4, 12.6%, 29.6%

HSV

208.4, 22.4%, 33.3%

CMYK

22.4%, 10.6%, 0.0%, 66.7%

OKLCH

0.4111 0.0199 245.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#424C55

#554B42

Analogous

#425554

#424255

#424C55

Triadic

#424C55

#55424C

#4C5542

Split Complementary

#424C55

#554242

#555442

Tetradic

#424C55

#544255

#554B42

#425542

Color Blindness Simulation

Original

#424C55

Protanopia

#464653

Deuteranopia

#464552

Tritanopia

#425151

Achromatopsia

#4B4B4B

CSS Usage

background-color: #424C55;
color: #424C55;
border-color: #424C55;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DCE0
300
#BAC2CA
400
#95A1AD
500
#6F8090
600
#596773
700
#47525C
800
#384048
900
#2B3136
950
#1B1F22

Contrast Checker

Text on white

8.76:1

AA Pass AAA Pass

Text on black

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