#422584

#422584

Color Values

HEX

#422584

RGB

66, 37, 132

HSL

258.3, 56.2%, 33.1%

HSV

258.3, 72.0%, 51.8%

CMYK

50.0%, 72.0%, 0.0%, 48.2%

OKLCH

0.3625 0.1493 291.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#422584

#678425

Analogous

#253784

#712584

#422584

Triadic

#422584

#844225

#258442

Split Complementary

#422584

#847125

#378425

Tetradic

#422584

#842537

#678425

#258471

Color Blindness Simulation

Original

#422584

Protanopia

#35356D

Deuteranopia

#373967

Tritanopia

#415B57

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#EAE5F6
200
#D3C7EF
300
#B49FE4
400
#8C6CD6
500
#6438C7
600
#502D9F
700
#40247F
800
#321C64
900
#271849
950
#190F2E

Contrast Checker

Text on white

11.48:1

AA Pass AAA Pass

Text on black

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