#AF44A0

#AF44A0

Color Values

HEX

#AF44A0

RGB

175, 68, 160

HSL

308.4, 44.0%, 47.6%

HSV

308.4, 61.1%, 68.6%

CMYK

0.0%, 61.1%, 8.6%, 31.4%

OKLCH

0.5634 0.1763 333.5

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#AF44A0

#44AF53

Analogous

#8844AF

#AF446A

#AF44A0

Triadic

#AF44A0

#A0AF44

#44A0AF

Split Complementary

#AF44A0

#6AAF44

#44AF88

Tetradic

#AF44A0

#AF8844

#44AF53

#446AAF

Color Blindness Simulation

Original

#AF44A0

Protanopia

#81808A

Deuteranopia

#878F84

Tritanopia

#AA7874

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#EBCCE7
300
#DDA7D5
400
#CA77BF
500
#B847A8
600
#933986
700
#762E6B
800
#5C2454
900
#441D3E
950
#2B1227

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

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