#F84A95

#F84A95

Color Values

HEX

#F84A95

RGB

248, 74, 149

HSL

334.1, 92.6%, 63.1%

HSV

334.1, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 39.9%, 2.7%

OKLCH

0.6751 0.2177 358.5

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F84A95

#4AF8AD

Analogous

#F84AEC

#F8564A

#F84A95

Triadic

#F84A95

#95F84A

#4A95F8

Split Complementary

#F84A95

#4AF856

#4AECF8

Tetradic

#F84A95

#ECF84A

#4AF8AD

#564AF8

Color Blindness Simulation

Original

#F84A95

Protanopia

#ADAB83

Deuteranopia

#B7C47E

Tritanopia

#EF7571

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEB
200
#FCBAD7
300
#FA89BA
400
#F84995
500
#F6096F
600
#C40859
700
#9D0647
800
#7B0538
900
#59082B
950
#38051B

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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