#451077

#451077

Color Values

HEX

#451077

RGB

69, 16, 119

HSL

270.9, 76.3%, 26.5%

HSV

270.9, 86.6%, 46.7%

CMYK

42.0%, 86.6%, 0.0%, 53.3%

OKLCH

0.3299 0.1573 300.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#451077

#427710

Analogous

#121077

#771076

#451077

Triadic

#451077

#774510

#107745

Split Complementary

#451077

#767710

#107712

Tetradic

#451077

#771210

#427710

#107677

Color Blindness Simulation

Original

#451077

Protanopia

#2E2E5E

Deuteranopia

#313558

Tritanopia

#424A46

Achromatopsia

#232323

CSS Usage

background-color: #451077;
color: #451077;
border-color: #451077;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DCC0F7
300
#C393F0
400
#A359E9
500
#821EE1
600
#6818B4
700
#531390
800
#410F70
900
#310F52
950
#1F0A34

Contrast Checker

Text on white

13.18:1

AA Pass AAA Pass

Text on black

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