#424491

#424491

Color Values

HEX

#424491

RGB

66, 68, 145

HSL

238.5, 37.4%, 41.4%

HSV

238.5, 54.5%, 56.9%

CMYK

54.5%, 53.1%, 0.0%, 43.1%

OKLCH

0.4273 0.1242 278.6

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#424491

#918F42

Analogous

#426C91

#684291

#424491

Triadic

#424491

#914244

#449142

Split Complementary

#424491

#916842

#6C9142

Tetradic

#424491

#91426C

#918F42

#429168

Color Blindness Simulation

Original

#424491

Protanopia

#43437E

Deuteranopia

#43437A

Tritanopia

#42706C

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECFE9
300
#ABACD9
400
#7D7FC4
500
#5052AF
600
#40428C
700
#333570
800
#282958
900
#202141
950
#141529

Contrast Checker

Text on white

8.51:1

AA Pass AAA Pass

Text on black

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