#F84A9D

#F84A9D

Color Values

HEX

#F84A9D

RGB

248, 74, 157

HSL

331.4, 92.6%, 63.1%

HSV

331.4, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 36.7%, 2.7%

OKLCH

0.6777 0.2206 355.6

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F84A9D

#4AF8A5

Analogous

#F84AF4

#F84E4A

#F84A9D

Triadic

#F84A9D

#9DF84A

#4A9DF8

Split Complementary

#F84A9D

#4AF84E

#4AF4F8

Tetradic

#F84A9D

#F4F84A

#4AF8A5

#4E4AF8

Color Blindness Simulation

Original

#F84A9D

Protanopia

#ADAB89

Deuteranopia

#B7C484

Tritanopia

#EF7976

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FCBADA
300
#FA89BF
400
#F8499D
500
#F6097A
600
#C40862
700
#9D064E
800
#7B053D
900
#59082F
950
#38051D

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46:1

AA Pass AAA Fail

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