#EF63AD

#EF63AD

Color Values

HEX

#EF63AD

RGB

239, 99, 173

HSL

328.3, 81.4%, 66.3%

HSV

328.3, 58.6%, 93.7%

CMYK

0.0%, 58.6%, 27.6%, 6.3%

OKLCH

0.6963 0.1884 350.3

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#EF63AD

#63EFA5

Analogous

#EB63EF

#EF6367

#EF63AD

Triadic

#EF63AD

#ADEF63

#63ADEF

Split Complementary

#EF63AD

#67EF63

#63EFEB

Tetradic

#EF63AD

#EFEB63

#63EFA5

#6367EF

Color Blindness Simulation

Original

#EF63AD

Protanopia

#B2B19B

Deuteranopia

#BAC597

Tritanopia

#E88D8A

Achromatopsia

#868686

CSS Usage

background-color: #EF63AD;
color: #EF63AD;
border-color: #EF63AD;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF2F8
100
#FAE1EE
200
#F8BEDD
300
#F490C5
400
#ED54A5
500
#E71885
600
#B9136B
700
#940F55
800
#740C43
900
#540D32
950
#350820

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026