#424581

#424581

Color Values

HEX

#424581

RGB

66, 69, 129

HSL

237.1, 32.3%, 38.2%

HSV

237.1, 48.8%, 50.6%

CMYK

48.8%, 46.5%, 0.0%, 49.4%

OKLCH

0.4183 0.0987 279.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#424581

#817E42

Analogous

#426481

#5E4281

#424581

Triadic

#424581

#814245

#458142

Split Complementary

#424581

#815E42

#648142

Tetradic

#424581

#814264

#817E42

#42815E

Color Blindness Simulation

Original

#424581

Protanopia

#434372

Deuteranopia

#43436F

Tritanopia

#426764

Achromatopsia

#494949

CSS Usage

background-color: #424581;
color: #424581;
border-color: #424581;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5F9
100
#E8E9F2
200
#D0D1E7
300
#AEB0D6
400
#8285BF
500
#565AA9
600
#454887
700
#373A6C
800
#2B2D54
900
#22243F
950
#161727

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

2.4:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026