#424BBD

#424BBD

Color Values

HEX

#424BBD

RGB

66, 75, 189

HSL

235.6, 48.2%, 50.0%

HSV

235.6, 65.1%, 74.1%

CMYK

65.1%, 60.3%, 0.0%, 25.9%

OKLCH

0.4751 0.1766 274.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#424BBD

#BDB442

Analogous

#4289BD

#7642BD

#424BBD

Triadic

#424BBD

#BD424B

#4BBD42

Split Complementary

#424BBD

#BD7642

#89BD42

Tetradic

#424BBD

#BD4289

#BDB442

#42BD76

Color Blindness Simulation

Original

#424BBD

Protanopia

#4646A1

Deuteranopia

#45459B

Tritanopia

#428C87

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CACDED
300
#A4A9DF
400
#737ACE
500
#424BBD
600
#353C97
700
#2A3079
800
#21265E
900
#1B1F45
950
#11132C

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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