#EF4BA2

#EF4BA2

Color Values

HEX

#EF4BA2

RGB

239, 75, 162

HSL

328,2, 83,7%, 61,6%

HSV

328,2, 68,6%, 93,7%

CMYK

0,0%, 68,6%, 32,2%, 6,3%

OKLCH

0,6665 0,2146 351,9

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#EF4BA2

#4BEF98

Analogous

#EA4BEF

#EF4B50

#EF4BA2

Triadic

#EF4BA2

#A2EF4B

#4BA2EF

Split Complementary

#EF4BA2

#50EF4B

#4BEFEA

Tetradic

#EF4BA2

#EFEA4B

#4BEF98

#4B50EF

Color Blindness Simulation

Original

#EF4BA2

Protanopia

#A8A78D

Deuteranopia

#B2BE88

Tritanopia

#E77C79

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#F9BDDD
300
#F58FC5
400
#F052A5
500
#EA1586
600
#BB116B
700
#960D56
800
#750A43
900
#550C33
950
#360820

Contrast Checker

Text on white

3,39:1

AA Fail AAA Fail

Text on black

6,2:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026