#424DFF

#424DFF

Color Values

HEX

#424DFF

RGB

66, 77, 255

HSL

236.5, 100.0%, 62.9%

HSV

236.5, 74.1%, 100.0%

CMYK

74.1%, 69.8%, 0.0%, 0.0%

OKLCH

0.5376 0.2569 271.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#424DFF

#FFF442

Analogous

#42ABFF

#9542FF

#424DFF

Triadic

#424DFF

#FF424D

#4DFF42

Split Complementary

#424DFF

#FF9542

#ABFF42

Tetradic

#424DFF

#FF42AB

#FFF442

#42FF95

Color Blindness Simulation

Original

#424DFF

Protanopia

#4747D4

Deuteranopia

#4645CA

Tritanopia

#43B2AA

Achromatopsia

#585858

CSS Usage

background-color: #424DFF;
color: #424DFF;
border-color: #424DFF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BCFF
300
#858CFF
400
#424DFF
500
#000FFF
600
#000CCC
700
#000AA3
800
#000780
900
#050A5C
950
#03063A

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026