#E38CD3

#E38CD3

Color Values

HEX

#E38CD3

RGB

227, 140, 211

HSL

311.0, 60.8%, 72.0%

HSV

311.0, 38.3%, 89.0%

CMYK

0.0%, 38.3%, 7.0%, 11.0%

OKLCH

0.7528 0.138 333.8

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#E38CD3

#8CE39C

Analogous

#C88CE3

#E38CA8

#E38CD3

Triadic

#E38CD3

#D3E38C

#8CD3E3

Split Complementary

#E38CD3

#A8E38C

#8CE3C8

Tetradic

#E38CD3

#E3C88C

#8CE39C

#8CA8E3

Color Blindness Simulation

Original

#E38CD3

Protanopia

#BDBDC2

Deuteranopia

#C2C9BE

Tritanopia

#DFB4B1

Achromatopsia

#A4A4A4

CSS Usage

background-color: #E38CD3;
color: #E38CD3;
border-color: #E38CD3;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FBF3FA
100
#F6E4F3
200
#F1C6E9
300
#E79DD9
400
#DA67C5
500
#CD32B1
600
#A4288D
700
#832071
800
#671958
900
#4B1641
950
#2F0E29

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026