#F84A87

#F84A87

Color Values

HEX

#F84A87

RGB

248, 74, 135

HSL

339.0, 92.6%, 63.1%

HSV

339.0, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 45.6%, 2.7%

OKLCH

0.6709 0.2135 3.7

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F84A87

#4AF8BB

Analogous

#F84ADE

#F8644A

#F84A87

Triadic

#F84A87

#87F84A

#4A87F8

Split Complementary

#F84A87

#4AF864

#4ADEF8

Tetradic

#F84A87

#DEF84A

#4AF8BB

#644AF8

Color Blindness Simulation

Original

#F84A87

Protanopia

#ADAB78

Deuteranopia

#B7C475

Tritanopia

#EF6D6A

Achromatopsia

#737373

CSS Usage

background-color: #F84A87;
color: #F84A87;
border-color: #F84A87;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F6
100
#FBDFE9
200
#FCBAD1
300
#FA89B1
400
#F84986
500
#F6095C
600
#C4084A
700
#9D063B
800
#7B052E
900
#590824
950
#380517

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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