#F84AD1

#F84AD1

Color Values

HEX

#F84AD1

RGB

248, 74, 209

HSL

313.4, 92.6%, 63.1%

HSV

313.4, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 15.7%, 2.7%

OKLCH

0.6982 0.2483 338.4

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F84AD1

#4AF871

Analogous

#C84AF8

#F84A7A

#F84AD1

Triadic

#F84AD1

#D1F84A

#4AD1F8

Split Complementary

#F84AD1

#7AF84A

#4AF8C8

Tetradic

#F84AD1

#F8C84A

#4AF871

#4A7AF8

Color Blindness Simulation

Original

#F84AD1

Protanopia

#ADABB0

Deuteranopia

#B7C4A8

Tritanopia

#EF9791

Achromatopsia

#797979

CSS Usage

background-color: #F84AD1;
color: #F84AD1;
border-color: #F84AD1;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF1FB
100
#FBDFF5
200
#FCBAEE
300
#FA89E1
400
#F849D1
500
#F609C1
600
#C4089A
700
#9D067B
800
#7B0560
900
#590847
950
#38052D

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.89:1

AA Pass AAA Fail

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