#F70869

#F70869

Color Values

HEX

#F70869

RGB

247, 8, 105

HSL

335.6, 93.7%, 50.0%

HSV

335.6, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 57.5%, 3.1%

OKLCH

0.6264 0.2485 8.7

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F70869

#08F796

Analogous

#F708E1

#F71E08

#F70869

Triadic

#F70869

#69F708

#0869F7

Split Complementary

#F70869

#08F71E

#08E1F7

Tetradic

#F70869

#E1F708

#08F796

#1E08F7

Color Blindness Simulation

Original

#F70869

Protanopia

#8F8D52

Deuteranopia

#9DAF4C

Tritanopia

#EB3F3B

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD5
300
#FB88B7
400
#F94890
500
#F70869
600
#C60654
700
#9E0543
800
#7B0435
900
#590829
950
#38051A

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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