#AA379F

#AA379F

Color Values

HEX

#AA379F

RGB

170, 55, 159

HSL

305.7, 51.1%, 44.1%

HSV

305.7, 67.6%, 66.7%

CMYK

0.0%, 67.6%, 6.5%, 33.3%

OKLCH

0.5415 0.1903 331.9

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#AA379F

#37AA42

Analogous

#7B37AA

#AA3766

#AA379F

Triadic

#AA379F

#9FAA37

#379FAA

Split Complementary

#AA379F

#66AA37

#37AA7B

Tetradic

#AA379F

#AA7B37

#37AA42

#3766AA

Color Blindness Simulation

Original

#AA379F

Protanopia

#787786

Deuteranopia

#7F8880

Tritanopia

#A4726E

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9EA
300
#E1A3DB
400
#D170C8
500
#C13EB4
600
#9A3290
700
#7B2873
800
#601F5A
900
#471A42
950
#2D112A

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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