#ED82E2

#ED82E2

Color Values

HEX

#ED82E2

RGB

237, 130, 226

HSL

306.2, 74.8%, 72.0%

HSV

306.2, 45.1%, 92.9%

CMYK

0.0%, 45.1%, 4.6%, 7.1%

OKLCH

0.7555 0.175 331.0

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#ED82E2

#82ED8D

Analogous

#C382ED

#ED82AD

#ED82E2

Triadic

#ED82E2

#E2ED82

#82E2ED

Split Complementary

#ED82E2

#ADED82

#82EDC3

Tetradic

#ED82E2

#EDC382

#82ED8D

#82ADED

Color Blindness Simulation

Original

#ED82E2

Protanopia

#BFBECB

Deuteranopia

#C5CDC5

Tritanopia

#E8B8B4

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F8E2F6
200
#F6C1F0
300
#F094E6
400
#E75AD9
500
#DF20CB
600
#B21AA3
700
#8F1582
800
#6F1066
900
#51104A
950
#330A2F

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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