#F84AF7

#F84AF7

Color Values

HEX

#F84AF7

RGB

248, 74, 247

HSL

300.3, 92.6%, 63.1%

HSV

300.3, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 0.4%, 2.7%

OKLCH

0.717 0.2745 328.2

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F84AF7

#4AF84B

Analogous

#A24AF8

#F84AA0

#F84AF7

Triadic

#F84AF7

#F7F84A

#4AF7F8

Split Complementary

#F84AF7

#A0F84A

#4AF8A2

Tetradic

#F84AF7

#F8A24A

#4AF84B

#4AA0F8

Color Blindness Simulation

Original

#F84AF7

Protanopia

#ADABCD

Deuteranopia

#B7C4C3

Tritanopia

#EFACA5

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFC
300
#FA89FA
400
#F849F7
500
#F609F4
600
#C408C4
700
#9D069C
800
#7B057A
900
#590858
950
#380538

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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