#EB77F4

#EB77F4

Color Values

HEX

#EB77F4

RGB

235, 119, 244

HSL

295,7, 85,0%, 71,2%

HSV

295,7, 51,2%, 95,7%

CMYK

3,7%, 51,2%, 0,0%, 4,3%

OKLCH

0,7462 0,207 324,6

Properties

Cool Light Nearest: Shocking Pink

Color Harmonies

Complementary

#EB77F4

#80F477

Analogous

#AD77F4

#F477BF

#EB77F4

Triadic

#EB77F4

#F4EB77

#77F4EB

Split Complementary

#EB77F4

#BFF477

#77F4AD

Tetradic

#EB77F4

#F4AD77

#80F477

#77BFF4

Color Blindness Simulation

Original

#EB77F4

Protanopia

#B9B8D6

Deuteranopia

#C0C8CE

Tritanopia

#E5BEB9

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F5BDFA
300
#EE8EF6
400
#E550F1
500
#DC13EC
600
#B00FBD
700
#8D0C97
800
#6E0A76
900
#500B56
950
#330736

Contrast Checker

Text on white

2,48:1

AA Fail AAA Fail

Text on black

8,48:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026