#422183

#422183

Color Values

HEX

#422183

RGB

66, 33, 131

HSL

260.2, 59.8%, 32.2%

HSV

260.2, 74.8%, 51.4%

CMYK

49.6%, 74.8%, 0.0%, 48.6%

OKLCH

0.3561 0.1529 292.2

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#422183

#628321

Analogous

#213183

#732183

#422183

Triadic

#422183

#834221

#218342

Split Complementary

#422183

#837321

#318321

Tetradic

#422183

#832131

#628321

#218373

Color Blindness Simulation

Original

#422183

Protanopia

#34336B

Deuteranopia

#363866

Tritanopia

#405954

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F6F3FB
100
#EAE4F6
200
#D4C6F1
300
#B69DE6
400
#8E68D9
500
#6733CC
600
#5229A3
700
#422182
800
#331A66
900
#28164B
950
#190E2F

Contrast Checker

Text on white

11.82:1

AA Pass AAA Pass

Text on black

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