#902AA2

#902AA2

Color Values

HEX

#902AA2

RGB

144, 42, 162

HSL

291.0, 58.8%, 40.0%

HSV

291.0, 74.1%, 63.5%

CMYK

11.1%, 74.1%, 0.0%, 36.5%

OKLCH

0.4926 0.1954 321.2

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#902AA2

#3CA22A

Analogous

#542AA2

#A22A78

#902AA2

Triadic

#902AA2

#A2902A

#2AA290

Split Complementary

#902AA2

#78A22A

#2AA254

Tetradic

#902AA2

#A2542A

#3CA22A

#2A78A2

Color Blindness Simulation

Original

#902AA2

Protanopia

#646385

Deuteranopia

#6A717E

Tritanopia

#8B6E69

Achromatopsia

#484848

CSS Usage

background-color: #902AA2;
color: #902AA2;
border-color: #902AA2;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FB
100
#F3E4F6
200
#EAC6F0
300
#DB9EE6
400
#C769D8
500
#B435CA
600
#902AA2
700
#732282
800
#5A1A65
900
#42174A
950
#2A0E2F

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026