#CEB0DC

#CEB0DC

Color Values

HEX

#CEB0DC

RGB

206, 176, 220

HSL

280.9, 38.6%, 77.6%

HSV

280.9, 20.0%, 86.3%

CMYK

6.4%, 20.0%, 0.0%, 13.7%

OKLCH

0.7974 0.0692 315.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CEB0DC

#BEDCB0

Analogous

#B8B0DC

#DCB0D4

#CEB0DC

Triadic

#CEB0DC

#DCCEB0

#B0DCCE

Split Complementary

#CEB0DC

#D4DCB0

#B0DCB8

Tetradic

#CEB0DC

#DCB8B0

#BEDCB0

#B0D4DC

Color Blindness Simulation

Original

#CEB0DC

Protanopia

#C1C1D1

Deuteranopia

#C3C5CF

Tritanopia

#CCC9C7

Achromatopsia

#BABABA

CSS Usage

background-color: #CEB0DC;
color: #CEB0DC;
border-color: #CEB0DC;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CEE9
300
#CAAAD9
400
#AE7CC5
500
#914EB1
600
#743F8D
700
#5D3271
800
#492758
900
#372041
950
#221429

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026