#AF91CB

#AF91CB

Color Values

HEX

#AF91CB

RGB

175, 145, 203

HSL

271,0, 35,8%, 68,2%

HSV

271,0, 28,6%, 79,6%

CMYK

13,8%, 28,6%, 0,0%, 20,4%

OKLCH

0,7045 0,089 307,8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#AF91CB

#ADCB91

Analogous

#9291CB

#CB91CA

#AF91CB

Triadic

#AF91CB

#CBAF91

#91CBAF

Split Complementary

#AF91CB

#CACB91

#91CB92

Tetradic

#AF91CB

#CB9291

#ADCB91

#91CACB

Color Blindness Simulation

Original

#AF91CB

Protanopia

#A2A2BD

Deuteranopia

#A4A6BA

Tritanopia

#AEB2AF

Achromatopsia

#9C9C9C

CSS Usage

background-color: #AF91CB;
color: #AF91CB;
border-color: #AF91CB;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DCCFE8
300
#C3ACD8
400
#A27FC2
500
#8152AD
600
#67418B
700
#53346F
800
#412957
900
#312140
950
#1F1528

Contrast Checker

Text on white

2,71:1

AA Fail AAA Fail

Text on black

7,74:1

AA Pass AAA Pass

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