#E4B5DF

#E4B5DF

Color Values

HEX

#E4B5DF

RGB

228, 181, 223

HSL

306.4, 46.5%, 80.2%

HSV

306.4, 20.6%, 89.4%

CMYK

0.0%, 20.6%, 2.2%, 10.6%

OKLCH

0.8279 0.0774 329.8

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#E4B5DF

#B5E4BA

Analogous

#D2B5E4

#E4B5C8

#E4B5DF

Triadic

#E4B5DF

#DFE4B5

#B5DFE4

Split Complementary

#E4B5DF

#C8E4B5

#B5E4D2

Tetradic

#E4B5DF

#E4D2B5

#B5E4BA

#B5C8E4

Color Blindness Simulation

Original

#E4B5DF

Protanopia

#D0CFD5

Deuteranopia

#D2D6D2

Tritanopia

#E2CDCB

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE8
300
#DEA5D8
400
#CD75C3
500
#BB44AE
600
#95378B
700
#782C6F
800
#5D2257
900
#451C40
950
#2B1229

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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