#F172A8

#F172A8

Color Values

HEX

#F172A8

RGB

241, 114, 168

HSL

334.5, 81.9%, 69.6%

HSV

334.5, 52.7%, 94.5%

CMYK

0.0%, 52.7%, 30.3%, 5.5%

OKLCH

0.7166 0.1657 355.4

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F172A8

#72F1BB

Analogous

#F172E7

#F17C72

#F172A8

Triadic

#F172A8

#A8F172

#72A8F1

Split Complementary

#F172A8

#72F17C

#72E7F1

Tetradic

#F172A8

#E7F172

#72F1BB

#7C72F1

Color Blindness Simulation

Original

#F172A8

Protanopia

#BAB99B

Deuteranopia

#C1CB98

Tritanopia

#EB918E

Achromatopsia

#919191

CSS Usage

background-color: #F172A8;
color: #F172A8;
border-color: #F172A8;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF2F7
100
#FAE1EB
200
#F9BED7
300
#F490BA
400
#EE5395
500
#E81770
600
#BA1259
700
#940F48
800
#740C38
900
#540D2B
950
#35081B

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026