#453C7F

#453C7F

Color Values

HEX

#453C7F

RGB

69, 60, 127

HSL

248.1, 35.8%, 36.7%

HSV

248.1, 52.8%, 49.8%

CMYK

45.7%, 52.8%, 0.0%, 50.2%

OKLCH

0.4011 0.1091 286.5

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#453C7F

#767F3C

Analogous

#3C557F

#673C7F

#453C7F

Triadic

#453C7F

#7F453C

#3C7F45

Split Complementary

#453C7F

#7F673C

#557F3C

Tetradic

#453C7F

#7F3C55

#767F3C

#3C7F67

Color Blindness Simulation

Original

#453C7F

Protanopia

#41416F

Deuteranopia

#42426B

Tritanopia

#45625F

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D2CFE8
300
#B2ACD8
400
#887FC2
500
#5E52AD
600
#4B418B
700
#3C346F
800
#2F2957
900
#252140
950
#171528

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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