#E561F4

#E561F4

Color Values

HEX

#E561F4

RGB

229, 97, 244

HSL

293.9, 87.0%, 66.9%

HSV

293.9, 60.2%, 95.7%

CMYK

6.1%, 60.2%, 0.0%, 4.3%

OKLCH

0.7121 0.2357 323.5

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#E561F4

#70F461

Analogous

#9C61F4

#F461BA

#E561F4

Triadic

#E561F4

#F4E561

#61F4E5

Split Complementary

#E561F4

#BAF461

#61F49C

Tetradic

#E561F4

#F49C61

#70F461

#61BAF4

Color Blindness Simulation

Original

#E561F4

Protanopia

#ACABD0

Deuteranopia

#B4BDC8

Tritanopia

#DEB4AE

Achromatopsia

#888888

CSS Usage

background-color: #E561F4;
color: #E561F4;
border-color: #E561F4;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F4BCFA
300
#EC8DF7
400
#E24FF3
500
#D811EE
600
#AD0DBF
700
#8A0B99
800
#6C0877
900
#4F0B56
950
#320737

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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