#E2C6FF

#E2C6FF

Color Values

HEX

#E2C6FF

RGB

226, 198, 255

HSL

269.5, 100.0%, 88.8%

HSV

269.5, 22.4%, 100.0%

CMYK

11.4%, 22.4%, 0.0%, 0.0%

OKLCH

0.8686 0.0829 307.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#E2C6FF

#E3FFC6

Analogous

#C6C6FF

#FFC6FF

#E2C6FF

Triadic

#E2C6FF

#FFE2C6

#C6FFE2

Split Complementary

#E2C6FF

#FFFFC6

#C6FFC6

Tetradic

#E2C6FF

#FFC6C6

#E3FFC6

#C6FFFF

Color Blindness Simulation

Original

#E2C6FF

Protanopia

#D6D6F1

Deuteranopia

#D8DAEE

Tritanopia

#E1E6E4

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DBB8FF
300
#C185FF
400
#9F42FF
500
#7D00FF
600
#6400CC
700
#5000A3
800
#3F0080
900
#30055C
950
#1E033A

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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