#450459

#450459

Color Values

HEX

#450459

RGB

69, 4, 89

HSL

285.9, 91.4%, 18.2%

HSV

285.9, 95.5%, 34.9%

CMYK

22.5%, 95.5%, 0.0%, 65.1%

OKLCH

0.2934 0.1383 315.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#450459

#185904

Analogous

#1A0459

#590442

#450459

Triadic

#450459

#594504

#045945

Split Complementary

#450459

#425904

#04591A

Tetradic

#450459

#591A04

#185904

#044259

Color Blindness Simulation

Original

#450459

Protanopia

#292844

Deuteranopia

#2D3240

Tritanopia

#423431

Achromatopsia

#181818

CSS Usage

background-color: #450459;
color: #450459;
border-color: #450459;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF1FD
100
#F4DFFB
200
#EDBBFC
300
#DF8AFA
400
#CE4AF7
500
#BD0BF4
600
#9709C3
700
#79079C
800
#5F057A
900
#460958
950
#2C0538

Contrast Checker

Text on white

14.84:1

AA Pass AAA Pass

Text on black

1.41:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026