#F474B1

#F474B1

Color Values

HEX

#F474B1

RGB

244, 116, 177

HSL

331.4, 85.3%, 70.6%

HSV

331.4, 52.5%, 95.7%

CMYK

0.0%, 52.5%, 27.5%, 4.3%

OKLCH

0.7262 0.1696 352.3

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F474B1

#74F4B7

Analogous

#F474F1

#F47774

#F474B1

Triadic

#F474B1

#B1F474

#74B1F4

Split Complementary

#F474B1

#74F477

#74F1F4

Tetradic

#F474B1

#F1F474

#74F4B7

#7774F4

Color Blindness Simulation

Original

#F474B1

Protanopia

#BDBBA2

Deuteranopia

#C4CE9F

Tritanopia

#EE9794

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDA
300
#F68EBF
400
#F1509D
500
#EC137A
600
#BD0F62
700
#970C4E
800
#76093D
900
#560B2F
950
#36071E

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.98:1

AA Pass AAA Pass

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