#9021AB

#9021AB

Color Values

HEX

#9021AB

RGB

144, 33, 171

HSL

288.3, 67.6%, 40.0%

HSV

288.3, 80.7%, 67.1%

CMYK

15.8%, 80.7%, 0.0%, 32.9%

OKLCH

0.4915 0.2119 318.6

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#9021AB

#3CAB21

Analogous

#4B21AB

#AB2181

#9021AB

Triadic

#9021AB

#AB9021

#21AB90

Split Complementary

#9021AB

#81AB21

#21AB4B

Tetradic

#9021AB

#AB4B21

#3CAB21

#2181AB

Color Blindness Simulation

Original

#9021AB

Protanopia

#605F8A

Deuteranopia

#666F82

Tritanopia

#8A6F69

Achromatopsia

#434343

CSS Usage

background-color: #9021AB;
color: #9021AB;
border-color: #9021AB;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF3FC
100
#F3E3F7
200
#EAC3F3
300
#DB98EB
400
#C861E0
500
#B429D6
600
#9021AB
700
#731A89
800
#5A156B
900
#42134E
950
#2A0C31

Contrast Checker

Text on white

7.02:1

AA Pass AAA Pass

Text on black

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