#EB6CDA

#EB6CDA

Color Values

HEX

#EB6CDA

RGB

235, 108, 218

HSL

308.0, 76.0%, 67.3%

HSV

308.0, 54.0%, 92.2%

CMYK

0.0%, 54.0%, 7.2%, 7.8%

OKLCH

0.7201 0.2017 332.8

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#EB6CDA

#6CEB7D

Analogous

#BD6CEB

#EB6C9B

#EB6CDA

Triadic

#EB6CDA

#DAEB6C

#6CDAEB

Split Complementary

#EB6CDA

#9BEB6C

#6CEBBD

Tetradic

#EB6CDA

#EBBD6C

#6CEB7D

#6C9BEB

Color Blindness Simulation

Original

#EB6CDA

Protanopia

#B4B3BF

Deuteranopia

#BBC5B9

Tritanopia

#E5AAA6

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F6
200
#F6C0EF
300
#F093E4
400
#E859D5
500
#E01FC7
600
#B4189F
700
#90147F
800
#700F63
900
#520F49
950
#340A2E

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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