#451292

#451292

Color Values

HEX

#451292

RGB

69, 18, 146

HSL

263.9, 78.0%, 32.2%

HSV

263.9, 87.7%, 57.3%

CMYK

52.7%, 87.7%, 0.0%, 42.7%

OKLCH

0.3588 0.1839 291.9

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#451292

#5F9212

Analogous

#121F92

#851292

#451292

Triadic

#451292

#924512

#129245

Split Complementary

#451292

#928512

#1F9212

Tetradic

#451292

#92121F

#5F9212

#129285

Color Blindness Simulation

Original

#451292

Protanopia

#2F2E73

Deuteranopia

#32366C

Tritanopia

#425B55

Achromatopsia

#262626

CSS Usage

background-color: #451292;
color: #451292;
border-color: #451292;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F6F2FC
100
#EBE1F9
200
#D6BFF7
300
#B892F2
400
#9257EA
500
#6B1CE3
600
#5616B6
700
#451291
800
#360E71
900
#2A0E52
950
#1A0934

Contrast Checker

Text on white

11.97:1

AA Pass AAA Pass

Text on black

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