#EF98F3

#EF98F3

Color Values

HEX

#EF98F3

RGB

239, 152, 243

HSL

297.4, 79.1%, 77.5%

HSV

297.4, 37.4%, 95.3%

CMYK

1.6%, 37.4%, 0.0%, 4.7%

OKLCH

0.7978 0.155 325.4

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#EF98F3

#9CF398

Analogous

#C298F3

#F398CA

#EF98F3

Triadic

#EF98F3

#F3EF98

#98F3EF

Split Complementary

#EF98F3

#CAF398

#98F3C2

Tetradic

#EF98F3

#F3C298

#9CF398

#98CAF3

Color Blindness Simulation

Original

#EF98F3

Protanopia

#C9C9DD

Deuteranopia

#CED5D8

Tritanopia

#EBCCC8

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F5BFF8
300
#EE91F2
400
#E556EB
500
#DC1BE4
600
#B015B7
700
#8D1192
800
#6E0D72
900
#500E53
950
#320934

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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