#AF81C5

#AF81C5

Color Values

HEX

#AF81C5

RGB

175, 129, 197

HSL

280,6, 37,0%, 63,9%

HSV

280,6, 34,5%, 77,3%

CMYK

11,2%, 34,5%, 0,0%, 22,7%

OKLCH

0,6727 0,1098 314,4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AF81C5

#97C581

Analogous

#8D81C5

#C581B9

#AF81C5

Triadic

#AF81C5

#C5AF81

#81C5AF

Split Complementary

#AF81C5

#B9C581

#81C58D

Tetradic

#AF81C5

#C58D81

#97C581

#81B9C5

Color Blindness Simulation

Original

#AF81C5

Protanopia

#9B9BB5

Deuteranopia

#9EA1B1

Tritanopia

#ADA8A5

Achromatopsia

#909090

CSS Usage

background-color: #AF81C5;
color: #AF81C5;
border-color: #AF81C5;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#E0CEE9
300
#CAABD8
400
#AD7EC4
500
#9050AF
600
#73408C
700
#5C3370
800
#482857
900
#362041
950
#221429

Contrast Checker

Text on white

3,1:1

AA Fail AAA Fail

Text on black

6,77: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