#EB6CD8

#EB6CD8

Color Values

HEX

#EB6CD8

RGB

235, 108, 216

HSL

309.0, 76.0%, 67.3%

HSV

309.0, 54.0%, 92.2%

CMYK

0.0%, 54.0%, 8.1%, 7.8%

OKLCH

0.7192 0.2002 333.5

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#EB6CD8

#6CEB7F

Analogous

#BF6CEB

#EB6C99

#EB6CD8

Triadic

#EB6CD8

#D8EB6C

#6CD8EB

Split Complementary

#EB6CD8

#99EB6C

#6CEBBF

Tetradic

#EB6CD8

#EBBF6C

#6CEB7F

#6C99EB

Color Blindness Simulation

Original

#EB6CD8

Protanopia

#B4B3BE

Deuteranopia

#BBC5B8

Tritanopia

#E5A9A5

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F5
200
#F6C0EE
300
#F093E2
400
#E859D3
500
#E01FC3
600
#B4189C
700
#90147D
800
#700F62
900
#520F48
950
#340A2D

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.67: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