#453FC0

#453FC0

Color Values

HEX

#453FC0

RGB

69, 63, 192

HSL

242.8, 50.6%, 50.0%

HSV

242.8, 67.2%, 75.3%

CMYK

64.1%, 67.2%, 0.0%, 24.7%

OKLCH

0.4592 0.1942 277.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#453FC0

#BAC03F

Analogous

#3F79C0

#863FC0

#453FC0

Triadic

#453FC0

#C0453F

#3FC045

Split Complementary

#453FC0

#C0863F

#79C03F

Tetradic

#453FC0

#C03F79

#BAC03F

#3FC086

Color Blindness Simulation

Original

#453FC0

Protanopia

#4242A1

Deuteranopia

#434399

Tritanopia

#458883

Achromatopsia

#4A4A4A

CSS Usage

background-color: #453FC0;
color: #453FC0;
border-color: #453FC0;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CBC9ED
300
#A6A3E1
400
#7571D0
500
#453FC0
600
#37329A
700
#2C287B
800
#231F60
900
#1C1A47
950
#12112D

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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