#F84AB4

#F84AB4

Color Values

HEX

#F84AB4

RGB

248, 74, 180

HSL

323.4, 92.6%, 63.1%

HSV

323.4, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 27.4%, 2.7%

OKLCH

0.686 0.2313 347.5

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F84AB4

#4AF88E

Analogous

#E54AF8

#F84A5D

#F84AB4

Triadic

#F84AB4

#B4F84A

#4AB4F8

Split Complementary

#F84AB4

#5DF84A

#4AF8E5

Tetradic

#F84AB4

#F8E54A

#4AF88E

#4A5DF8

Color Blindness Simulation

Original

#F84AB4

Protanopia

#ADAB9A

Deuteranopia

#B7C494

Tritanopia

#EF8682

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FCBAE3
300
#FA89CE
400
#F849B4
500
#F60999
600
#C4087B
700
#9D0662
800
#7B054D
900
#590839
950
#380524

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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