#E9B7F2

#E9B7F2

Color Values

HEX

#E9B7F2

RGB

233, 183, 242

HSL

290.8, 69.4%, 83.3%

HSV

290.8, 24.4%, 94.9%

CMYK

3.7%, 24.4%, 0.0%, 5.1%

OKLCH

0.843 0.0967 321.2

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#E9B7F2

#C0F2B7

Analogous

#CBB7F2

#F2B7DD

#E9B7F2

Triadic

#E9B7F2

#F2E9B7

#B7F2E9

Split Complementary

#E9B7F2

#DDF2B7

#B7F2CB

Tetradic

#E9B7F2

#F2CBB7

#C0F2B7

#B7DDF2

Color Blindness Simulation

Original

#E9B7F2

Protanopia

#D3D3E4

Deuteranopia

#D6DAE0

Tritanopia

#E6D8D6

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F4E3F8
200
#ECC3F4
300
#DF97EC
400
#CE5FE2
500
#BD27D8
600
#971FAD
700
#79198A
800
#5E146C
900
#45124F
950
#2C0B32

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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