#ED79F2

#ED79F2

Color Values

HEX

#ED79F2

RGB

237, 121, 242

HSL

297.5, 82.3%, 71.2%

HSV

297.5, 50.0%, 94.9%

CMYK

2.1%, 50.0%, 0.0%, 5.1%

OKLCH

0.7503 0.2033 325.8

Properties

Cool Light Nearest: Shocking Pink

Color Harmonies

Complementary

#ED79F2

#7EF279

Analogous

#B179F2

#F279BB

#ED79F2

Triadic

#ED79F2

#F2ED79

#79F2ED

Split Complementary

#ED79F2

#BBF279

#79F2B1

Tetradic

#ED79F2

#F2B179

#7EF279

#79BBF2

Color Blindness Simulation

Original

#ED79F2

Protanopia

#BBBAD5

Deuteranopia

#C2CACE

Tritanopia

#E7BEB9

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E1FA
200
#F6BEF9
300
#F08FF4
400
#E853EE
500
#E017E8
600
#B312BA
700
#8F0E95
800
#700B74
900
#510D54
950
#330835

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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