#A35BA2

#A35BA2

Color Values

HEX

#A35BA2

RGB

163, 91, 162

HSL

300.8, 28.3%, 49.8%

HSV

300.8, 44.2%, 63.9%

CMYK

0.0%, 44.2%, 0.6%, 36.1%

OKLCH

0.5798 0.1326 327.6

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#A35BA2

#5BA35C

Analogous

#805BA3

#A35B7E

#A35BA2

Triadic

#A35BA2

#A2A35B

#5BA2A3

Split Complementary

#A35BA2

#7EA35B

#5BA380

Tetradic

#A35BA2

#A3805B

#5BA35C

#5B7EA3

Color Blindness Simulation

Original

#A35BA2

Protanopia

#848391

Deuteranopia

#888D8D

Tritanopia

#9F8380

Achromatopsia

#6F6F6F

CSS Usage

background-color: #A35BA2;
color: #A35BA2;
border-color: #A35BA2;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E5D1E5
300
#D3B0D3
400
#BB86BB
500
#A45BA3
600
#834982
700
#693B68
800
#522E51
900
#3D243C
950
#261726

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass 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