#EF3B96

#EF3B96

Color Values

HEX

#EF3B96

RGB

239, 59, 150

HSL

329.7, 84.9%, 58.4%

HSV

329.7, 75.3%, 93.7%

CMYK

0.0%, 75.3%, 37.2%, 6.3%

OKLCH

0.6486 0.2267 354.8

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#EF3B96

#3BEF94

Analogous

#EE3BEF

#EF3B3C

#EF3B96

Triadic

#EF3B96

#96EF3B

#3B96EF

Split Complementary

#EF3B96

#3CEF3B

#3BEFEE

Tetradic

#EF3B96

#EFEE3B

#3BEF94

#3B3CEF

Color Blindness Simulation

Original

#EF3B96

Protanopia

#A19F80

Deuteranopia

#ACB97B

Tritanopia

#E66F6B

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDC
300
#F68EC2
400
#F151A1
500
#EC1381
600
#BD0F67
700
#970C52
800
#760A40
900
#550B31
950
#36071F

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74: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