#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026