#E366DC

#E366DC

Color Values

HEX

#E366DC

RGB

227, 102, 220

HSL

303,4, 69,1%, 64,5%

HSV

303,4, 55,1%, 89,0%

CMYK

0,0%, 55,1%, 3,1%, 11,0%

OKLCH

0,7033 0,2073 329,7

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#E366DC

#66E36D

Analogous

#AC66E3

#E3669D

#E366DC

Triadic

#E366DC

#DCE366

#66DCE3

Split Complementary

#E366DC

#9DE366

#66E3AC

Tetradic

#E366DC

#E3AC66

#66E36D

#669DE3

Color Blindness Simulation

Original

#E366DC

Protanopia

#ADACBF

Deuteranopia

#B4BDB9

Tritanopia

#DDA9A4

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F6
200
#F4C3F1
300
#EC98E7
400
#E25FDA
500
#D827CE
600
#AC20A4
700
#8A1984
800
#6C1467
900
#4F124B
950
#320C2F

Contrast Checker

Text on white

2,92:1

AA Fail AAA Fail

Text on black

7,2: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