#F708BA

#F708BA

Color Values

HEX

#F708BA

RGB

247, 8, 186

HSL

315,3, 93,7%, 50,0%

HSV

315,3, 96,8%, 96,9%

CMYK

0,0%, 96,8%, 24,7%, 3,1%

OKLCH

0,6543 0,2777 343,6

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F708BA

#08F745

Analogous

#BC08F7

#F70843

#F708BA

Triadic

#F708BA

#BAF708

#08BAF7

Split Complementary

#F708BA

#43F708

#08F7BC

Tetradic

#F708BA

#F7BC08

#08F745

#0843F7

Color Blindness Simulation

Original

#F708BA

Protanopia

#8F8D8F

Deuteranopia

#9DAF85

Tritanopia

#EB6D65

Achromatopsia

#484848

CSS Usage

background-color: #F708BA;
color: #F708BA;
border-color: #F708BA;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FDBAEC
300
#FB88DE
400
#F948CC
500
#F708BA
600
#C60695
700
#9E0577
800
#7B045D
900
#590844
950
#38052B

Contrast Checker

Text on white

3,69:1

AA Fail AAA Fail

Text on black

5,7:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026