#424DBD

#424DBD

Color Values

HEX

#424DBD

RGB

66, 77, 189

HSL

234.6, 48.2%, 50.0%

HSV

234.6, 65.1%, 74.1%

CMYK

65.1%, 59.3%, 0.0%, 25.9%

OKLCH

0.4787 0.1741 273.6

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#424DBD

#BDB242

Analogous

#428BBD

#7442BD

#424DBD

Triadic

#424DBD

#BD424D

#4DBD42

Split Complementary

#424DBD

#BD7442

#8BBD42

Tetradic

#424DBD

#BD428B

#BDB242

#42BD74

Color Blindness Simulation

Original

#424DBD

Protanopia

#4747A2

Deuteranopia

#46459B

Tritanopia

#438C88

Achromatopsia

#535353

CSS Usage

background-color: #424DBD;
color: #424DBD;
border-color: #424DBD;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CACDED
300
#A4AADF
400
#737BCE
500
#424DBD
600
#353E97
700
#2A3179
800
#21275E
900
#1B1F45
950
#11142C

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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