#E3CBFB

#E3CBFB

Color Values

HEX

#E3CBFB

RGB

227, 203, 251

HSL

270.0, 85.7%, 89.0%

HSV

270.0, 19.1%, 98.4%

CMYK

9.6%, 19.1%, 0.0%, 1.6%

OKLCH

0.8773 0.0699 307.6

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E3CBFB

#E3FBCB

Analogous

#CBCBFB

#FBCBFB

#E3CBFB

Triadic

#E3CBFB

#FBE3CB

#CBFBE3

Split Complementary

#E3CBFB

#FBFBCB

#CBFBCB

Tetradic

#E3CBFB

#FBCBCB

#E3FBCB

#CBFBFB

Color Blindness Simulation

Original

#E3CBFB

Protanopia

#D9D8EF

Deuteranopia

#DADCED

Tritanopia

#E2E6E4

Achromatopsia

#D4D4D4

CSS Usage

background-color: #E3CBFB;
color: #E3CBFB;
border-color: #E3CBFB;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DBBDFA
300
#C28DF6
400
#A150F2
500
#8012ED
600
#660FBD
700
#520C98
800
#400976
900
#300B56
950
#1F0736

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.2:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026