#453DBC

#453DBC

Color Values

HEX

#453DBC

RGB

69, 61, 188

HSL

243.8, 51.0%, 48.8%

HSV

243.8, 67.6%, 73.7%

CMYK

63.3%, 67.6%, 0.0%, 26.3%

OKLCH

0.4525 0.1914 278.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#453DBC

#B4BC3D

Analogous

#3D74BC

#843DBC

#453DBC

Triadic

#453DBC

#BC453D

#3DBC45

Split Complementary

#453DBC

#BC843D

#74BC3D

Tetradic

#453DBC

#BC3D74

#B4BC3D

#3DBC84

Color Blindness Simulation

Original

#453DBC

Protanopia

#42419D

Deuteranopia

#424396

Tritanopia

#458580

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CBC9EE
300
#A7A3E1
400
#7771D1
500
#473EC1
600
#39329A
700
#2D287B
800
#231F60
900
#1D1A47
950
#12112D

Contrast Checker

Text on white

7.93:1

AA Pass AAA Pass

Text on black

2.65:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026