#EF94F2

#EF94F2

Color Values

HEX

#EF94F2

RGB

239, 148, 242

HSL

298.1, 78.3%, 76.5%

HSV

298.1, 38.8%, 94.9%

CMYK

1.2%, 38.8%, 0.0%, 5.1%

OKLCH

0.7912 0.1608 325.8

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#EF94F2

#97F294

Analogous

#C094F2

#F294C6

#EF94F2

Triadic

#EF94F2

#F2EF94

#94F2EF

Split Complementary

#EF94F2

#C6F294

#94F2C0

Tetradic

#EF94F2

#F2C094

#97F294

#94C6F2

Color Blindness Simulation

Original

#EF94F2

Protanopia

#C8C7DB

Deuteranopia

#CDD4D6

Tritanopia

#EAC9C5

Achromatopsia

#AEAEAE

CSS Usage

background-color: #EF94F2;
color: #EF94F2;
border-color: #EF94F2;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F5BFF7
300
#EF92F2
400
#E657EB
500
#DD1CE3
600
#B116B6
700
#8D1291
800
#6F0E72
900
#500E53
950
#330934

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026