#455FFD

#455FFD

Color Values

HEX

#455FFD

RGB

69, 95, 253

HSL

231.5, 97.9%, 63.1%

HSV

231.5, 72.7%, 99.2%

CMYK

72.7%, 62.5%, 0.0%, 0.8%

OKLCH

0.5658 0.2347 269.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#455FFD

#FDE345

Analogous

#45BBFD

#8745FD

#455FFD

Triadic

#455FFD

#FD455F

#5FFD45

Split Complementary

#455FFD

#FD8745

#BBFD45

Tetradic

#455FFD

#FD45BB

#FDE345

#45FD87

Color Blindness Simulation

Original

#455FFD

Protanopia

#5050D7

Deuteranopia

#4F4DCE

Tritanopia

#46B9B2

Achromatopsia

#656565

CSS Usage

background-color: #455FFD;
color: #455FFD;
border-color: #455FFD;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B8C2FE
300
#8697FE
400
#445EFD
500
#0326FC
600
#021ECA
700
#0218A1
800
#01137E
900
#06125B
950
#040B3A

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026