#424F62

#424F62

Color Values

HEX

#424F62

RGB

66, 79, 98

HSL

215.6, 19.5%, 32.2%

HSV

215.6, 32.7%, 38.4%

CMYK

32.7%, 19.4%, 0.0%, 61.6%

OKLCH

0.424 0.0358 257.8

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#424F62

#625542

Analogous

#425F62

#454262

#424F62

Triadic

#424F62

#62424F

#4F6242

Split Complementary

#424F62

#624542

#5F6242

Tetradic

#424F62

#62425F

#625542

#426245

Color Blindness Simulation

Original

#424F62

Protanopia

#48485D

Deuteranopia

#47465C

Tritanopia

#435A59

Achromatopsia

#4E4E4E

CSS Usage

background-color: #424F62;
color: #424F62;
border-color: #424F62;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE2
300
#B6C0CE
400
#8E9DB3
500
#677B98
600
#52627A
700
#424F62
800
#333D4C
900
#282F39
950
#191E24

Contrast Checker

Text on white

8.31:1

AA Pass AAA Pass

Text on black

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