#F70864

#F70864

Color Values

HEX

#F70864

RGB

247, 8, 100

HSL

336.9, 93.7%, 50.0%

HSV

336.9, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 59.5%, 3.1%

OKLCH

0.6252 0.2478 10.3

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F70864

#08F79B

Analogous

#F708DB

#F72408

#F70864

Triadic

#F70864

#64F708

#0864F7

Split Complementary

#F70864

#08F724

#08DBF7

Tetradic

#F70864

#DBF708

#08F79B

#2408F7

Color Blindness Simulation

Original

#F70864

Protanopia

#8F8D4E

Deuteranopia

#9DAF48

Tritanopia

#EB3C38

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD4
300
#FB88B5
400
#F9488C
500
#F70864
600
#C60650
700
#9E0540
800
#7B0432
900
#590827
950
#380519

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026