#EE85E3

#EE85E3

Color Values

HEX

#EE85E3

RGB

238, 133, 227

HSL

306.3, 75.5%, 72.7%

HSV

306.3, 44.1%, 93.3%

CMYK

0.0%, 44.1%, 4.6%, 6.7%

OKLCH

0.7614 0.1716 331.1

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#EE85E3

#85EE90

Analogous

#C485EE

#EE85AE

#EE85E3

Triadic

#EE85E3

#E3EE85

#85E3EE

Split Complementary

#EE85E3

#AEEE85

#85EEC4

Tetradic

#EE85E3

#EEC485

#85EE90

#85AEEE

Color Blindness Simulation

Original

#EE85E3

Protanopia

#C1C0CC

Deuteranopia

#C7CEC7

Tritanopia

#E9BAB6

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F6
200
#F6C0F1
300
#F094E6
400
#E859D9
500
#E01FCC
600
#B319A3
700
#8F1482
800
#701066
900
#51104A
950
#330A2F

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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