#F84ACA

#F84ACA

Color Values

HEX

#F84ACA

RGB

248, 74, 202

HSL

315.9, 92.6%, 63.1%

HSV

315.9, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 18.5%, 2.7%

OKLCH

0.6951 0.2439 340.5

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F84ACA

#4AF878

Analogous

#CF4AF8

#F84A73

#F84ACA

Triadic

#F84ACA

#CAF84A

#4ACAF8

Split Complementary

#F84ACA

#73F84A

#4AF8CF

Tetradic

#F84ACA

#F8CF4A

#4AF878

#4A73F8

Color Blindness Simulation

Original

#F84ACA

Protanopia

#ADABAB

Deuteranopia

#B7C4A4

Tritanopia

#EF938D

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FCBAEB
300
#FA89DC
400
#F849CA
500
#F609B7
600
#C40892
700
#9D0675
800
#7B055B
900
#590843
950
#38052B

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.82:1

AA Pass AAA Fail

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