#F84A98

#F84A98

Color Values

HEX

#F84A98

RGB

248, 74, 152

HSL

333.1, 92.6%, 63.1%

HSV

333.1, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 38.7%, 2.7%

OKLCH

0.6761 0.2187 357.4

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F84A98

#4AF8AA

Analogous

#F84AEF

#F8534A

#F84A98

Triadic

#F84A98

#98F84A

#4A98F8

Split Complementary

#F84A98

#4AF853

#4AEFF8

Tetradic

#F84A98

#EFF84A

#4AF8AA

#534AF8

Color Blindness Simulation

Original

#F84A98

Protanopia

#ADAB85

Deuteranopia

#B7C481

Tritanopia

#EF7673

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FCBAD8
300
#FA89BC
400
#F84998
500
#F60973
600
#C4085C
700
#9D064A
800
#7B053A
900
#59082C
950
#38051C

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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