#EB77F0

#EB77F0

Color Values

HEX

#EB77F0

RGB

235, 119, 240

HSL

297.5, 80.1%, 70.4%

HSV

297.5, 50.4%, 94.1%

CMYK

2.1%, 50.4%, 0.0%, 5.9%

OKLCH

0.7443 0.2035 325.8

Properties

Cool Light Nearest: Shocking Pink

Color Harmonies

Complementary

#EB77F0

#7CF077

Analogous

#AE77F0

#F077B9

#EB77F0

Triadic

#EB77F0

#F0EB77

#77F0EB

Split Complementary

#EB77F0

#B9F077

#77F0AE

Tetradic

#EB77F0

#F0AE77

#7CF077

#77B9F0

Color Blindness Simulation

Original

#EB77F0

Protanopia

#B9B8D3

Deuteranopia

#C0C8CC

Tritanopia

#E5BCB7

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E1F9
200
#F6BFF8
300
#EF91F3
400
#E655EC
500
#DD19E6
600
#B114B8
700
#8E1093
800
#6F0D73
900
#500E53
950
#330935

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

8.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026