#EB7BF6

#EB7BF6

Color Values

HEX

#EB7BF6

RGB

235, 123, 246

HSL

294,6, 87,2%, 72,4%

HSV

294,6, 50,0%, 96,5%

CMYK

4,5%, 50,0%, 0,0%, 3,5%

OKLCH

0,7525 0,2027 323,9

Properties

Cool Light Nearest: Shocking Pink

Color Harmonies

Complementary

#EB7BF6

#86F67B

Analogous

#AE7BF6

#F67BC4

#EB7BF6

Triadic

#EB7BF6

#F6EB7B

#7BF6EB

Split Complementary

#EB7BF6

#C4F67B

#7BF6AE

Tetradic

#EB7BF6

#F6AE7B

#86F67B

#7BC4F6

Color Blindness Simulation

Original

#EB7BF6

Protanopia

#BABAD8

Deuteranopia

#C1C9D1

Tritanopia

#E5C1BC

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F5BCFA
300
#EE8CF7
400
#E44EF3
500
#DB10EF
600
#AF0DBF
700
#8C0A99
800
#6D0877
900
#500A56
950
#320737

Contrast Checker

Text on white

2,41:1

AA Fail AAA Fail

Text on black

8,7:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

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

Ene 18, 2026