#EC568E

#EC568E

Color Values

HEX

#EC568E

RGB

236, 86, 142

HSL

337.6, 79.8%, 63.1%

HSV

337.6, 63.6%, 92.5%

CMYK

0.0%, 63.6%, 39.8%, 7.5%

OKLCH

0.6667 0.1905 0.6

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#EC568E

#56ECB4

Analogous

#EC56D9

#EC6956

#EC568E

Triadic

#EC568E

#8EEC56

#568EEC

Split Complementary

#EC568E

#56EC69

#56D9EC

Tetradic

#EC568E

#D9EC56

#56ECB4

#6956EC

Color Blindness Simulation

Original

#EC568E

Protanopia

#ABAA80

Deuteranopia

#B4BF7D

Tritanopia

#E47673

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BFD4
300
#F391B5
400
#EC558E
500
#E51A66
600
#B71551
700
#931041
800
#730D33
900
#530E28
950
#350919

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026