#F84ADD

#F84ADD

Color Values

HEX

#F84ADD

RGB

248, 74, 221

HSL

309.3, 92.6%, 63.1%

HSV

309.3, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 10.9%, 2.7%

OKLCH

0.7038 0.2562 335.0

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F84ADD

#4AF865

Analogous

#BC4AF8

#F84A86

#F84ADD

Triadic

#F84ADD

#DDF84A

#4ADDF8

Split Complementary

#F84ADD

#86F84A

#4AF8BC

Tetradic

#F84ADD

#F8BC4A

#4AF865

#4A86F8

Color Blindness Simulation

Original

#F84ADD

Protanopia

#ADABB9

Deuteranopia

#B7C4B1

Tritanopia

#EF9D97

Achromatopsia

#7A7A7A

CSS Usage

background-color: #F84ADD;
color: #F84ADD;
border-color: #F84ADD;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FCBAF2
300
#FA89E9
400
#F849DD
500
#F609D1
600
#C408A7
700
#9D0686
800
#7B0568
900
#59084C
950
#380530

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026