#EB3687

#EB3687

Color Values

HEX

#EB3687

RGB

235, 54, 135

HSL

333.1, 81.9%, 56.7%

HSV

333.1, 77.0%, 92.2%

CMYK

0.0%, 77.0%, 42.6%, 7.8%

OKLCH

0.6335 0.2228 359.0

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#EB3687

#36EB9A

Analogous

#EB36E2

#EB3F36

#EB3687

Triadic

#EB3687

#87EB36

#3687EB

Split Complementary

#EB3687

#36EB3F

#36E2EB

Tetradic

#EB3687

#E2EB36

#36EB9A

#3F36EB

Color Blindness Simulation

Original

#EB3687

Protanopia

#9D9B73

Deuteranopia

#A7B56F

Tritanopia

#E26461

Achromatopsia

#626262

CSS Usage

background-color: #EB3687;
color: #EB3687;
border-color: #EB3687;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F7
100
#FAE1EC
200
#F9BED8
300
#F490BD
400
#EE5399
500
#E81775
600
#BA125D
700
#940F4B
800
#740C3A
900
#540D2D
950
#35081C

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.41:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026