#EE7BE0

#EE7BE0

Color Values

HEX

#EE7BE0

RGB

238, 123, 224

HSL

307.3, 77.2%, 70.8%

HSV

307.3, 48.3%, 93.3%

CMYK

0.0%, 48.3%, 5.9%, 6.7%

OKLCH

0.7461 0.1853 332.0

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#EE7BE0

#7BEE89

Analogous

#C37BEE

#EE7BA7

#EE7BE0

Triadic

#EE7BE0

#E0EE7B

#7BE0EE

Split Complementary

#EE7BE0

#A7EE7B

#7BEEC3

Tetradic

#EE7BE0

#EEC37B

#7BEE89

#7BA7EE

Color Blindness Simulation

Original

#EE7BE0

Protanopia

#BCBBC8

Deuteranopia

#C3CCC2

Tritanopia

#E8B4B0

Achromatopsia

#9B9B9B

CSS Usage

background-color: #EE7BE0;
color: #EE7BE0;
border-color: #EE7BE0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF2FB
100
#F9E1F6
200
#F7C0F0
300
#F193E6
400
#E958D8
500
#E21DCA
600
#B517A2
700
#911381
800
#710F65
900
#520F4A
950
#34092F

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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