#E2C9FC

#E2C9FC

Color Values

HEX

#E2C9FC

RGB

226, 201, 252

HSL

269.4, 89.5%, 88.8%

HSV

269.4, 20.2%, 98.8%

CMYK

10.3%, 20.2%, 0.0%, 1.2%

OKLCH

0.873 0.0741 307.1

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E2C9FC

#E3FCC9

Analogous

#C9C9FC

#FBC9FC

#E2C9FC

Triadic

#E2C9FC

#FCE2C9

#C9FCE2

Split Complementary

#E2C9FC

#FCFBC9

#C9FCC9

Tetradic

#E2C9FC

#FCC9C9

#E3FCC9

#C9FCFB

Color Blindness Simulation

Original

#E2C9FC

Protanopia

#D7D7F0

Deuteranopia

#D9DAED

Tritanopia

#E1E6E4

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FB
200
#DBBBFB
300
#C18BF9
400
#9F4CF5
500
#7D0DF2
600
#640BC1
700
#50099B
800
#3F0779
900
#300957
950
#1E0637

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026