#F84A84

#F84A84

Color Values

HEX

#F84A84

RGB

248, 74, 132

HSL

340.0, 92.6%, 63.1%

HSV

340.0, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 46.8%, 2.7%

OKLCH

0.6701 0.2128 4.9

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F84A84

#4AF8BE

Analogous

#F84ADB

#F8674A

#F84A84

Triadic

#F84A84

#84F84A

#4A84F8

Split Complementary

#F84A84

#4AF867

#4ADBF8

Tetradic

#F84A84

#DBF84A

#4AF8BE

#674AF8

Color Blindness Simulation

Original

#F84A84

Protanopia

#ADAB76

Deuteranopia

#B7C473

Tritanopia

#EF6B68

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FCBAD0
300
#FA89AF
400
#F84984
500
#F60958
600
#C40847
700
#9D0638
800
#7B052C
900
#590823
950
#380516

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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