#EB6FF0

#EB6FF0

Color Values

HEX

#EB6FF0

RGB

235, 111, 240

HSL

297,7, 81,1%, 68,8%

HSV

297,7, 53,8%, 94,1%

CMYK

2,1%, 53,8%, 0,0%, 5,9%

OKLCH

0,7341 0,2155 326,0

Properties

Cool Light Nearest: Shocking Pink

Color Harmonies

Complementary

#EB6FF0

#74F06F

Analogous

#AA6FF0

#F06FB4

#EB6FF0

Triadic

#EB6FF0

#F0EB6F

#6FF0EB

Split Complementary

#EB6FF0

#B4F06F

#6FF0AA

Tetradic

#EB6FF0

#F0AA6F

#74F06F

#6FB4F0

Color Blindness Simulation

Original

#EB6FF0

Protanopia

#B5B4D1

Deuteranopia

#BCC6C9

Tritanopia

#E5B8B3

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E1F9
200
#F6BEF8
300
#F090F3
400
#E754ED
500
#DF18E7
600
#B213B9
700
#8F0F94
800
#6F0C73
900
#510D54
950
#330835

Contrast Checker

Text on white

2,6:1

AA Fail AAA Fail

Text on black

8,06: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