#9A4FBA

#9A4FBA

Color Values

HEX

#9A4FBA

RGB

154, 79, 186

HSL

282.1, 43.7%, 52.0%

HSV

282.1, 57.5%, 72.9%

CMYK

17.2%, 57.5%, 0.0%, 27.1%

OKLCH

0.5637 0.1724 314.6

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#9A4FBA

#6FBA4F

Analogous

#654FBA

#BA4FA5

#9A4FBA

Triadic

#9A4FBA

#BA9A4F

#4FBA9A

Split Complementary

#9A4FBA

#A5BA4F

#4FBA65

Tetradic

#9A4FBA

#BA654F

#6FBA4F

#4FA5BA

Color Blindness Simulation

Original

#9A4FBA

Protanopia

#7A79A0

Deuteranopia

#7E849A

Tritanopia

#968C87

Achromatopsia

#676767

CSS Usage

background-color: #9A4FBA;
color: #9A4FBA;
border-color: #9A4FBA;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F8F5FA
100
#F0E7F4
200
#E2CCEB
300
#CDA7DD
400
#B177CA
500
#9648B7
600
#783993
700
#602E75
800
#4B245C
900
#381D44
950
#23132B

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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