#E682ED

#E682ED

Color Values

HEX

#E682ED

RGB

230, 130, 237

HSL

296.1, 74.8%, 72.0%

HSV

296.1, 45.1%, 92.9%

CMYK

3.0%, 45.1%, 0.0%, 7.1%

OKLCH

0.7522 0.1804 324.8

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#E682ED

#89ED82

Analogous

#B182ED

#ED82BF

#E682ED

Triadic

#E682ED

#EDE682

#82EDE6

Split Complementary

#E682ED

#BFED82

#82EDB1

Tetradic

#E682ED

#EDB182

#89ED82

#82BFED

Color Blindness Simulation

Original

#E682ED

Protanopia

#BBBAD3

Deuteranopia

#C0C8CD

Tritanopia

#E1BFBA

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F7E2F8
200
#F3C1F6
300
#EA94F0
400
#DE5AE7
500
#D220DF
600
#A81AB2
700
#87158F
800
#69106F
900
#4D1051
950
#310A33

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.78:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026