#AF9BEC

#AF9BEC

Color Values

HEX

#AF9BEC

RGB

175, 155, 236

HSL

254.8, 68.1%, 76.7%

HSV

254.8, 34.3%, 92.5%

CMYK

25.8%, 34.3%, 0.0%, 7.5%

OKLCH

0.7377 0.1166 294.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#AF9BEC

#D8EC9B

Analogous

#9BB0EC

#D89BEC

#AF9BEC

Triadic

#AF9BEC

#ECAF9B

#9BECAF

Split Complementary

#AF9BEC

#ECD89B

#B0EC9B

Tetradic

#AF9BEC

#EC9BB0

#D8EC9B

#9BECD8

Color Blindness Simulation

Original

#AF9BEC

Protanopia

#A6A6D8

Deuteranopia

#A8A9D4

Tritanopia

#AEC9C6

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#CFC3F4
300
#AD98EB
400
#8060E1
500
#5429D6
600
#4321AB
700
#351A89
800
#2A146B
900
#21134E
950
#150C31

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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