#453DC2

#453DC2

Color Values

HEX

#453DC2

RGB

69, 61, 194

HSL

243.6, 52.2%, 50.0%

HSV

243.6, 68.6%, 76.1%

CMYK

64.4%, 68.6%, 0.0%, 23.9%

OKLCH

0.4579 0.199 277.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#453DC2

#BAC23D

Analogous

#3D78C2

#873DC2

#453DC2

Triadic

#453DC2

#C2453D

#3DC245

Split Complementary

#453DC2

#C2873D

#78C23D

Tetradic

#453DC2

#C23D78

#BAC23D

#3DC287

Color Blindness Simulation

Original

#453DC2

Protanopia

#4241A2

Deuteranopia

#42439A

Tritanopia

#458883

Achromatopsia

#484848

CSS Usage

background-color: #453DC2;
color: #453DC2;
border-color: #453DC2;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CBC9EE
300
#A6A2E2
400
#756FD2
500
#453DC2
600
#37319B
700
#2C277C
800
#221E61
900
#1C1A47
950
#12102D

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

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