#AD35A0

#AD35A0

Color Values

HEX

#AD35A0

RGB

173, 53, 160

HSL

306.5, 53.1%, 44.3%

HSV

306.5, 69.4%, 67.8%

CMYK

0.0%, 69.4%, 7.5%, 32.2%

OKLCH

0.5445 0.1953 332.6

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AD35A0

#35AD42

Analogous

#7E35AD

#AD3564

#AD35A0

Triadic

#AD35A0

#A0AD35

#35A0AD

Split Complementary

#AD35A0

#64AD35

#35AD7E

Tetradic

#AD35A0

#AD7E35

#35AD42

#3564AD

Color Blindness Simulation

Original

#AD35A0

Protanopia

#797886

Deuteranopia

#808980

Tritanopia

#A7726D

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC8EA
300
#E2A1DB
400
#D36FC8
500
#C33CB5
600
#9C3090
700
#7D2674
800
#621E5A
900
#481943
950
#2D102A

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

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