#AE88FB

#AE88FB

Color Values

HEX

#AE88FB

RGB

174, 136, 251

HSL

259.8, 93.5%, 75.9%

HSV

259.8, 45.8%, 98.4%

CMYK

30.7%, 45.8%, 0.0%, 1.6%

OKLCH

0.7106 0.1657 297.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AE88FB

#D5FB88

Analogous

#889CFB

#E788FB

#AE88FB

Triadic

#AE88FB

#FBAE88

#88FBAE

Split Complementary

#AE88FB

#FBE788

#9CFB88

Tetradic

#AE88FB

#FB889C

#D5FB88

#88FBE7

Color Blindness Simulation

Original

#AE88FB

Protanopia

#9E9DDF

Deuteranopia

#A0A3D8

Tritanopia

#ACC9C4

Achromatopsia

#989898

CSS Usage

background-color: #AE88FB;
color: #AE88FB;
border-color: #AE88FB;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F1FD
100
#E8DFFB
200
#D0BAFD
300
#AE89FB
400
#8348F9
500
#5708F7
600
#4607C5
700
#38059E
800
#2B047B
900
#230859
950
#160538

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026