#F70855

#F70855

Color Values

HEX

#F70855

RGB

247, 8, 85

HSL

340.7, 93.7%, 50.0%

HSV

340.7, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 65.6%, 3.1%

OKLCH

0.6222 0.2465 14.8

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#F70855

#08F7AA

Analogous

#F708CC

#F73308

#F70855

Triadic

#F70855

#55F708

#0855F7

Split Complementary

#F70855

#08F733

#08CCF7

Tetradic

#F70855

#CCF708

#08F7AA

#3308F7

Color Blindness Simulation

Original

#F70855

Protanopia

#8F8D42

Deuteranopia

#9DAF3E

Tritanopia

#EB3430

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FDBACF
300
#FB88AD
400
#F94881
500
#F70855
600
#C60644
700
#9E0536
800
#7B042A
900
#590822
950
#380515

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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