#454982

#454982

Color Values

HEX

#454982

RGB

69, 73, 130

HSL

236.1, 30.7%, 39.0%

HSV

236.1, 46.9%, 51.0%

CMYK

46.9%, 43.8%, 0.0%, 49.0%

OKLCH

0.4299 0.0935 278.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#454982

#827E45

Analogous

#456782

#5F4582

#454982

Triadic

#454982

#824549

#498245

Split Complementary

#454982

#825F45

#678245

Tetradic

#454982

#824567

#827E45

#45825F

Color Blindness Simulation

Original

#454982

Protanopia

#474774

Deuteranopia

#464671

Tritanopia

#456967

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8E9F2
200
#D0D2E6
300
#AFB1D5
400
#8487BE
500
#585DA7
600
#474B85
700
#393C6B
800
#2C2F53
900
#23253E
950
#161727

Contrast Checker

Text on white

8.31:1

AA Pass AAA Pass

Text on black

2.53:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026