#EC8AED

#EC8AED

Color Values

HEX

#EC8AED

RGB

236, 138, 237

HSL

299.4, 73.3%, 73.5%

HSV

299.4, 41.8%, 92.9%

CMYK

0.4%, 41.8%, 0.0%, 7.1%

OKLCH

0.7707 0.1709 326.7

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#EC8AED

#8BED8A

Analogous

#BA8AED

#ED8ABC

#EC8AED

Triadic

#EC8AED

#EDEC8A

#8AEDEC

Split Complementary

#EC8AED

#BCED8A

#8AEDBA

Tetradic

#EC8AED

#EDBA8A

#8BED8A

#8ABCED

Color Blindness Simulation

Original

#EC8AED

Protanopia

#C2C1D5

Deuteranopia

#C7CFCF

Tritanopia

#E7C2BE

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C1F5
300
#EE95EF
400
#E45BE6
500
#DB22DD
600
#AF1BB1
700
#8C168D
800
#6E116E
900
#501050
950
#320A33

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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