#ED7AF2

#ED7AF2

Color Values

HEX

#ED7AF2

RGB

237, 122, 242

HSL

297.5, 82.2%, 71.4%

HSV

297.5, 49.6%, 94.9%

CMYK

2.1%, 49.6%, 0.0%, 5.1%

OKLCH

0.7516 0.2017 325.8

Properties

Cool Light Nearest: orchid 2

Color Harmonies

Complementary

#ED7AF2

#7FF27A

Analogous

#B17AF2

#F27ABB

#ED7AF2

Triadic

#ED7AF2

#F2ED7A

#7AF2ED

Split Complementary

#ED7AF2

#BBF27A

#7AF2B1

Tetradic

#ED7AF2

#F2B17A

#7FF27A

#7ABBF2

Color Blindness Simulation

Original

#ED7AF2

Protanopia

#BBBAD5

Deuteranopia

#C2CACE

Tritanopia

#E7BEB9

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.67:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026