#454DB1

#454DB1

Color Values

HEX

#454DB1

RGB

69, 77, 177

HSL

235.6, 43.9%, 48.2%

HSV

235.6, 61.0%, 69.4%

CMYK

61.0%, 56.5%, 0.0%, 30.6%

OKLCH

0.4712 0.1569 275.2

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#454DB1

#B1A945

Analogous

#4583B1

#7345B1

#454DB1

Triadic

#454DB1

#B1454D

#4DB145

Split Complementary

#454DB1

#B17345

#83B145

Tetradic

#454DB1

#B14583

#B1A945

#45B173

Color Blindness Simulation

Original

#454DB1

Protanopia

#484999

Deuteranopia

#484793

Tritanopia

#458682

Achromatopsia

#535353

CSS Usage

background-color: #454DB1;
color: #454DB1;
border-color: #454DB1;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CCCEEB
300
#A7ABDD
400
#777DCA
500
#4850B7
600
#394093
700
#2E3375
800
#24285C
900
#1D2044
950
#13142B

Contrast Checker

Text on white

7.12:1

AA Pass AAA Pass

Text on black

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