#F84A7D

#F84A7D

Color Values

HEX

#F84A7D

RGB

248, 74, 125

HSL

342.4, 92.6%, 63.1%

HSV

342.4, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 49.6%, 2.7%

OKLCH

0.6682 0.2114 7.5

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F84A7D

#4AF8C5

Analogous

#F84AD4

#F86E4A

#F84A7D

Triadic

#F84A7D

#7DF84A

#4A7DF8

Split Complementary

#F84A7D

#4AF86E

#4AD4F8

Tetradic

#F84A7D

#D4F84A

#4AF8C5

#6E4AF8

Color Blindness Simulation

Original

#F84A7D

Protanopia

#ADAB71

Deuteranopia

#B7C46E

Tritanopia

#EF6765

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF1F5
100
#FBDFE7
200
#FCBACE
300
#FA89AA
400
#F8497D
500
#F6094F
600
#C4083F
700
#9D0632
800
#7B0527
900
#590820
950
#380514

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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