#CEABFB

#CEABFB

Color Values

HEX

#CEABFB

RGB

206, 171, 251

HSL

266.2, 90.9%, 82.7%

HSV

266.2, 31.9%, 98.4%

CMYK

17.9%, 31.9%, 0.0%, 1.6%

OKLCH

0.8005 0.1164 304.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CEABFB

#D8FBAB

Analogous

#ABB0FB

#F6ABFB

#CEABFB

Triadic

#CEABFB

#FBCEAB

#ABFBCE

Split Complementary

#CEABFB

#FBF6AB

#B0FBAB

Tetradic

#CEABFB

#FBABB0

#D8FBAB

#ABFBF6

Color Blindness Simulation

Original

#CEABFB

Protanopia

#BFBFE8

Deuteranopia

#C1C4E3

Tritanopia

#CCD8D5

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EBDFFB
200
#D7BBFC
300
#BB8AF9
400
#964BF6
500
#710CF3
600
#5A09C3
700
#48079C
800
#38067A
900
#2B0958
950
#1B0638

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.84:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026