#F84AC4

#F84AC4

Color Values

HEX

#F84AC4

RGB

248, 74, 196

HSL

317.9, 92.6%, 63.1%

HSV

317.9, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 21.0%, 2.7%

OKLCH

0.6925 0.2403 342.3

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F84AC4

#4AF87E

Analogous

#D54AF8

#F84A6D

#F84AC4

Triadic

#F84AC4

#C4F84A

#4AC4F8

Split Complementary

#F84AC4

#6DF84A

#4AF8D5

Tetradic

#F84AC4

#F8D54A

#4AF87E

#4A6DF8

Color Blindness Simulation

Original

#F84AC4

Protanopia

#ADABA7

Deuteranopia

#B7C49F

Tritanopia

#EF8F8A

Achromatopsia

#787878

CSS Usage

background-color: #F84AC4;
color: #F84AC4;
border-color: #F84AC4;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FCBAE9
300
#FA89D9
400
#F849C4
500
#F609AF
600
#C4088C
700
#9D0670
800
#7B0558
900
#590841
950
#380529

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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