#F84AB3

#F84AB3

Color Values

HEX

#F84AB3

RGB

248, 74, 179

HSL

323.8, 92.6%, 63.1%

HSV

323.8, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 27.8%, 2.7%

OKLCH

0.6856 0.2308 347.8

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F84AB3

#4AF88F

Analogous

#E64AF8

#F84A5C

#F84AB3

Triadic

#F84AB3

#B3F84A

#4AB3F8

Split Complementary

#F84AB3

#5CF84A

#4AF8E6

Tetradic

#F84AB3

#F8E64A

#4AF88F

#4A5CF8

Color Blindness Simulation

Original

#F84AB3

Protanopia

#ADAB9A

Deuteranopia

#B7C494

Tritanopia

#EF8681

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FCBAE2
300
#FA89CE
400
#F849B3
500
#F60998
600
#C4087A
700
#9D0661
800
#7B054C
900
#590839
950
#380524

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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