#CEADE0

#CEADE0

Color Values

HEX

#CEADE0

RGB

206, 173, 224

HSL

278,8, 45,1%, 77,8%

HSV

278,8, 22,8%, 87,8%

CMYK

8,0%, 22,8%, 0,0%, 12,2%

OKLCH

0,7933 0,0792 313,5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CEADE0

#BFE0AD

Analogous

#B4ADE0

#E0ADD8

#CEADE0

Triadic

#CEADE0

#E0CEAD

#ADE0CE

Split Complementary

#CEADE0

#D8E0AD

#ADE0B4

Tetradic

#CEADE0

#E0B4AD

#BFE0AD

#ADD8E0

Color Blindness Simulation

Original

#CEADE0

Protanopia

#C0BFD4

Deuteranopia

#C2C4D1

Tritanopia

#CCCAC8

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#E0CBEB
300
#CAA6DD
400
#AD76CB
500
#9046B9
600
#733894
700
#5C2D76
800
#48235D
900
#361D44
950
#22122B

Contrast Checker

Text on white

1,97:1

AA Fail AAA Fail

Text on black

10,68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Tháng 1 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Tháng 1 21, 2026
Tutorials

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

Tháng 1 18, 2026