#F70867

#F70867

Color Values

HEX

#F70867

RGB

247, 8, 103

HSL

336.2, 93.7%, 50.0%

HSV

336.2, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 58.3%, 3.1%

OKLCH

0.6259 0.2482 9.3

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F70867

#08F798

Analogous

#F708DE

#F72108

#F70867

Triadic

#F70867

#67F708

#0867F7

Split Complementary

#F70867

#08F721

#08DEF7

Tetradic

#F70867

#DEF708

#08F798

#2108F7

Color Blindness Simulation

Original

#F70867

Protanopia

#8F8D50

Deuteranopia

#9DAF4A

Tritanopia

#EB3E3A

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD4
300
#FB88B6
400
#F9488E
500
#F70867
600
#C60652
700
#9E0542
800
#7B0433
900
#590828
950
#380519

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

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