#451AE5

#451AE5

Color Values

HEX

#451AE5

RGB

69, 26, 229

HSL

252.7, 79.6%, 50.0%

HSV

252.7, 88.6%, 89.8%

CMYK

69.9%, 88.6%, 0.0%, 10.2%

OKLCH

0.4566 0.2661 277.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#451AE5

#BAE51A

Analogous

#1A55E5

#AA1AE5

#451AE5

Triadic

#451AE5

#E5451A

#1AE545

Split Complementary

#451AE5

#E5AA1A

#55E51A

Tetradic

#451AE5

#E51A55

#BAE51A

#1AE5AA

Color Blindness Simulation

Original

#451AE5

Protanopia

#3232B4

Deuteranopia

#3538A8

Tritanopia

#438D85

Achromatopsia

#323232

CSS Usage

background-color: #451AE5;
color: #451AE5;
border-color: #451AE5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FD
100
#E6E1F9
200
#CBBFF8
300
#A691F3
400
#7556EC
500
#451AE5
600
#3715B7
700
#2C1193
800
#220D72
900
#1C0E53
950
#120935

Contrast Checker

Text on white

8.29:1

AA Pass AAA Pass

Text on black

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