#EC197F

#EC197F

Color Values

HEX

#EC197F

RGB

236, 25, 127

HSL

331,0, 84,7%, 51,2%

HSV

331,0, 89,4%, 92,5%

CMYK

0,0%, 89,4%, 46,2%, 7,5%

OKLCH

0,6171 0,2406 0,1

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#EC197F

#19EC86

Analogous

#EC19E8

#EC1D19

#EC197F

Triadic

#EC197F

#7FEC19

#197FEC

Split Complementary

#EC197F

#19EC1D

#19E8EC

Tetradic

#EC197F

#E8EC19

#19EC86

#1D19EC

Color Blindness Simulation

Original

#EC197F

Protanopia

#918F66

Deuteranopia

#9DAD60

Tritanopia

#E1534F

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDA
300
#F68EC0
400
#F1519E
500
#EB147C
600
#BC1063
700
#970C4F
800
#760A3E
900
#550C2F
950
#36071E

Contrast Checker

Text on white

4,19:1

AA Fail AAA Fail

Text on black

5,01:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026