#AF9BE9

#AF9BE9

Color Values

HEX

#AF9BE9

RGB

175, 155, 233

HSL

255.4, 63.9%, 76.1%

HSV

255.4, 33.5%, 91.4%

CMYK

24.9%, 33.5%, 0.0%, 8.6%

OKLCH

0.7363 0.1125 295.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#AF9BE9

#D5E99B

Analogous

#9BAEE9

#D69BE9

#AF9BE9

Triadic

#AF9BE9

#E9AF9B

#9BE9AF

Split Complementary

#AF9BE9

#E9D69B

#AEE99B

Tetradic

#AF9BE9

#E99BAE

#D5E99B

#9BE9D6

Color Blindness Simulation

Original

#AF9BE9

Protanopia

#A6A6D6

Deuteranopia

#A8A9D2

Tritanopia

#AEC7C4

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#D0C4F2
300
#AF9BE9
400
#8364DD
500
#582ED1
600
#4625A7
700
#381D86
800
#2C1768
900
#23154C
950
#160D30

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.69:1

AA Pass AAA Pass

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