#454284

#454284

Color Values

HEX

#454284

RGB

69, 66, 132

HSL

242.7, 33.3%, 38.8%

HSV

242.7, 50.0%, 51.8%

CMYK

47.7%, 50.0%, 0.0%, 48.2%

OKLCH

0.4165 0.1073 282.7

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#454284

#818442

Analogous

#426084

#664284

#454284

Triadic

#454284

#844542

#428445

Split Complementary

#454284

#846642

#608442

Tetradic

#454284

#844260

#818442

#428466

Color Blindness Simulation

Original

#454284

Protanopia

#444474

Deuteranopia

#444470

Tritanopia

#456765

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F2
200
#D0CFE7
300
#AFADD6
400
#8481C0
500
#5955AA
600
#474488
700
#39366D
800
#2C2B55
900
#23223F
950
#161528

Contrast Checker

Text on white

8.88:1

AA Pass AAA Pass

Text on black

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