#453B74

#453B74

Color Values

HEX

#453B74

RGB

69, 59, 116

HSL

250.5, 32.6%, 34.3%

HSV

250.5, 49.1%, 45.5%

CMYK

40.5%, 49.1%, 0.0%, 54.5%

OKLCH

0.3916 0.0941 289.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#453B74

#6A743B

Analogous

#3B4D74

#613B74

#453B74

Triadic

#453B74

#74453B

#3B7445

Split Complementary

#453B74

#74613B

#4D743B

Tetradic

#453B74

#743B4D

#6A743B

#3B7461

Color Blindness Simulation

Original

#453B74

Protanopia

#414166

Deuteranopia

#414263

Tritanopia

#445B59

Achromatopsia

#414141

CSS Usage

background-color: #453B74;
color: #453B74;
border-color: #453B74;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E7
300
#B5AED6
400
#8D82BF
500
#6456A9
600
#504587
700
#40376C
800
#322B55
900
#27223F
950
#191628

Contrast Checker

Text on white

9.86:1

AA Pass AAA Pass

Text on black

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