#CEA1FD

#CEA1FD

Color Values

HEX

#CEA1FD

RGB

206, 161, 253

HSL

269,3, 95,8%, 81,2%

HSV

269,3, 36,4%, 99,2%

CMYK

18,6%, 36,4%, 0,0%, 0,8%

OKLCH

0,7838 0,1353 306,0

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#CEA1FD

#D0FDA1

Analogous

#A1A2FD

#FCA1FD

#CEA1FD

Triadic

#CEA1FD

#FDCEA1

#A1FDCE

Split Complementary

#CEA1FD

#FDFCA1

#A2FDA1

Tetradic

#CEA1FD

#FDA1A2

#D0FDA1

#A1FDFC

Color Blindness Simulation

Original

#CEA1FD

Protanopia

#BBBAE7

Deuteranopia

#BDC0E1

Tritanopia

#CCD5D1

Achromatopsia

#B1B1B1

CSS Usage

background-color: #CEA1FD;
color: #CEA1FD;
border-color: #CEA1FD;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F7F1FE
100
#EDDFFC
200
#DBB9FE
300
#C087FC
400
#9F46FB
500
#7D05FA
600
#6404C8
700
#5003A0
800
#3E037D
900
#2F075A
950
#1E0439

Contrast Checker

Text on white

2,07:1

AA Fail AAA Fail

Text on black

10,14: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