#F84AF2

#F84AF2

Color Values

HEX

#F84AF2

RGB

248, 74, 242

HSL

302.1, 92.6%, 63.1%

HSV

302.1, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 2.4%, 2.7%

OKLCH

0.7144 0.2709 329.5

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#F84AF2

#4AF850

Analogous

#A74AF8

#F84A9B

#F84AF2

Triadic

#F84AF2

#F2F84A

#4AF2F8

Split Complementary

#F84AF2

#9BF84A

#4AF8A7

Tetradic

#F84AF2

#F8A74A

#4AF850

#4A9BF8

Color Blindness Simulation

Original

#F84AF2

Protanopia

#ADABC9

Deuteranopia

#B7C4C0

Tritanopia

#EFA9A2

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBAFA
300
#FA89F7
400
#F849F2
500
#F609ED
600
#C408BE
700
#9D0698
800
#7B0577
900
#590856
950
#380536

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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