#9040AF

#9040AF

Color Values

HEX

#9040AF

RGB

144, 64, 175

HSL

283,2, 46,4%, 46,9%

HSV

283,2, 63,4%, 68,6%

CMYK

17,7%, 63,4%, 0,0%, 31,4%

OKLCH

0,5247 0,1792 315,3

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#9040AF

#5FAF40

Analogous

#5940AF

#AF4097

#9040AF

Triadic

#9040AF

#AF9040

#40AF90

Split Complementary

#9040AF

#97AF40

#40AF59

Tetradic

#9040AF

#AF5940

#5FAF40

#4097AF

Color Blindness Simulation

Original

#9040AF

Protanopia

#6D6D94

Deuteranopia

#72788E

Tritanopia

#8C7F7A

Achromatopsia

#595959

CSS Usage

background-color: #9040AF;
color: #9040AF;
border-color: #9040AF;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F9F4FA
100
#F0E6F4
200
#E3CBEC
300
#CEA5DE
400
#B475CC
500
#9A44BB
600
#7B3795
700
#622C77
800
#4D225D
900
#391C45
950
#24122B

Contrast Checker

Text on white

5,94:1

AA Pass AAA Fail

Text on black

3,54: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