#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

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