#EB559B

#EB559B

Color Values

HEX

#EB559B

RGB

235, 85, 155

HSL

332.0, 78.9%, 62.7%

HSV

332.0, 63.8%, 92.2%

CMYK

0.0%, 63.8%, 34.0%, 7.8%

OKLCH

0.6682 0.1957 354.9

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#EB559B

#55EBA5

Analogous

#EB55E6

#EB5A55

#EB559B

Triadic

#EB559B

#9BEB55

#559BEB

Split Complementary

#EB559B

#55EB5A

#55E6EB

Tetradic

#EB559B

#E6EB55

#55EBA5

#5A55EB

Color Blindness Simulation

Original

#EB559B

Protanopia

#AAA98A

Deuteranopia

#B3BE86

Tritanopia

#E47D7A

Achromatopsia

#7A7A7A

CSS Usage

background-color: #EB559B;
color: #EB559B;
border-color: #EB559B;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7BFD9
300
#F292BF
400
#EB569C
500
#E41B79
600
#B61661
700
#92114D
800
#720D3C
900
#530E2E
950
#34091D

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.31:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026