#CEA2E5

#CEA2E5

Color Values

HEX

#CEA2E5

RGB

206, 162, 229

HSL

279.4, 56.3%, 76.7%

HSV

279.4, 29.3%, 89.8%

CMYK

10.0%, 29.3%, 0.0%, 10.2%

OKLCH

0.7752 0.1044 313.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CEA2E5

#B9E5A2

Analogous

#ADA2E5

#E5A2DB

#CEA2E5

Triadic

#CEA2E5

#E5CEA2

#A2E5CE

Split Complementary

#CEA2E5

#DBE5A2

#A2E5AD

Tetradic

#CEA2E5

#E5ADA2

#B9E5A2

#A2DBE5

Color Blindness Simulation

Original

#CEA2E5

Protanopia

#BBBBD5

Deuteranopia

#BEC1D1

Tritanopia

#CCC8C5

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#F0E5F6
200
#E2C7EF
300
#CD9FE4
400
#B16CD6
500
#9638C7
600
#782D9F
700
#602480
800
#4B1C64
900
#381849
950
#230F2E

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.92: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