#F70863

#F70863

Color Values

HEX

#F70863

RGB

247, 8, 99

HSL

337.2, 93.7%, 50.0%

HSV

337.2, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 59.9%, 3.1%

OKLCH

0.625 0.2477 10.6

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F70863

#08F79C

Analogous

#F708DA

#F72508

#F70863

Triadic

#F70863

#63F708

#0863F7

Split Complementary

#F70863

#08F725

#08DAF7

Tetradic

#F70863

#DAF708

#08F79C

#2508F7

Color Blindness Simulation

Original

#F70863

Protanopia

#8F8D4D

Deuteranopia

#9DAF48

Tritanopia

#EB3C38

Achromatopsia

#414141

CSS Usage

background-color: #F70863;
color: #F70863;
border-color: #F70863;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD3
300
#FB88B4
400
#F9488B
500
#F70863
600
#C6064F
700
#9E053F
800
#7B0431
900
#590827
950
#380518

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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