#451669

#451669

Color Values

HEX

#451669

RGB

69, 22, 105

HSL

274.0, 65.4%, 24.9%

HSV

274.0, 79.0%, 41.2%

CMYK

34.3%, 79.0%, 0.0%, 58.8%

OKLCH

0.3229 0.1363 305.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#451669

#3A6916

Analogous

#1C1669

#691663

#451669

Triadic

#451669

#694516

#166945

Split Complementary

#451669

#636916

#16691C

Tetradic

#451669

#691C16

#3A6916

#166369

Color Blindness Simulation

Original

#451669

Protanopia

#313055

Deuteranopia

#333750

Tritanopia

#434542

Achromatopsia

#262626

CSS Usage

background-color: #451669;
color: #451669;
border-color: #451669;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F3
300
#C79AEA
400
#A963DE
500
#8B2CD3
600
#6F23A9
700
#591C87
800
#451669
900
#34144D
950
#210D31

Contrast Checker

Text on white

13.36:1

AA Pass AAA Pass

Text on black

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