#F7084D

#F7084D

Color Values

HEX

#F7084D

RGB

247, 8, 77

HSL

342.7, 93.7%, 50.0%

HSV

342.7, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 68.8%, 3.1%

OKLCH

0.6208 0.2463 17.1

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#F7084D

#08F7B2

Analogous

#F708C4

#F73B08

#F7084D

Triadic

#F7084D

#4DF708

#084DF7

Split Complementary

#F7084D

#08F73B

#08C4F7

Tetradic

#F7084D

#C4F708

#08F7B2

#3B08F7

Color Blindness Simulation

Original

#F7084D

Protanopia

#8F8D3C

Deuteranopia

#9DAF38

Tritanopia

#EB2F2C

Achromatopsia

#404040

CSS Usage

background-color: #F7084D;
color: #F7084D;
border-color: #F7084D;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF1F5
100
#FBDFE7
200
#FDBACD
300
#FB88AA
400
#F9487B
500
#F7084D
600
#C6063E
700
#9E0531
800
#7B0426
900
#59081F
950
#380514

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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