#F84AC7

#F84AC7

Color Values

HEX

#F84AC7

RGB

248, 74, 199

HSL

316.9, 92.6%, 63.1%

HSV

316.9, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 19.8%, 2.7%

OKLCH

0.6938 0.2421 341.4

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F84AC7

#4AF87B

Analogous

#D24AF8

#F84A70

#F84AC7

Triadic

#F84AC7

#C7F84A

#4AC7F8

Split Complementary

#F84AC7

#70F84A

#4AF8D2

Tetradic

#F84AC7

#F8D24A

#4AF87B

#4A70F8

Color Blindness Simulation

Original

#F84AC7

Protanopia

#ADABA9

Deuteranopia

#B7C4A1

Tritanopia

#EF918C

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FCBAEA
300
#FA89DB
400
#F849C7
500
#F609B3
600
#C4088F
700
#9D0673
800
#7B055A
900
#590842
950
#38052A

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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