#424362

#424362

Color Values

HEX

#424362

RGB

66, 67, 98

HSL

238.1, 19.5%, 32.2%

HSV

238.1, 32.7%, 38.4%

CMYK

32.7%, 31.6%, 0.0%, 61.6%

OKLCH

0.3955 0.0522 282.3

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#424362

#626142

Analogous

#425362

#514262

#424362

Triadic

#424362

#624243

#436242

Split Complementary

#424362

#625142

#536242

Tetradic

#424362

#624253

#626142

#426251

Color Blindness Simulation

Original

#424362

Protanopia

#42425B

Deuteranopia

#424259

Tritanopia

#425553

Achromatopsia

#454545

CSS Usage

background-color: #424362;
color: #424362;
border-color: #424362;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D5E2
300
#B6B7CE
400
#8E8FB3
500
#676898
600
#52537A
700
#424362
800
#33344C
900
#282839
950
#191A24

Contrast Checker

Text on white

9.5:1

AA Pass AAA Pass

Text on black

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