#CEABF8

#CEABF8

Color Values

HEX

#CEABF8

RGB

206, 171, 248

HSL

267,3, 84,6%, 82,2%

HSV

267,3, 31,0%, 97,3%

CMYK

16,9%, 31,0%, 0,0%, 2,7%

OKLCH

0,7992 0,1125 304,8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CEABF8

#D5F8AB

Analogous

#ABAFF8

#F5ABF8

#CEABF8

Triadic

#CEABF8

#F8CEAB

#ABF8CE

Split Complementary

#CEABF8

#F8F5AB

#AFF8AB

Tetradic

#CEABF8

#F8ABAF

#D5F8AB

#ABF8F5

Color Blindness Simulation

Original

#CEABF8

Protanopia

#BFBFE5

Deuteranopia

#C1C4E1

Tritanopia

#CCD7D3

Achromatopsia

#B8B8B8

CSS Usage

background-color: #CEABF8;
color: #CEABF8;
border-color: #CEABF8;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D9BDFA
300
#BD8EF6
400
#9951F0
500
#7614EB
600
#5E10BC
700
#4B0D97
800
#3B0A76
900
#2D0C55
950
#1D0736

Contrast Checker

Text on white

1,94:1

AA Fail AAA Fail

Text on black

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