#F473BE

#F473BE

Color Values

HEX

#F473BE

RGB

244, 115, 190

HSL

325.1, 85.4%, 70.4%

HSV

325.1, 52.9%, 95.7%

CMYK

0.0%, 52.9%, 22.1%, 4.3%

OKLCH

0.7294 0.1782 346.5

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F473BE

#73F4A9

Analogous

#E973F4

#F4737E

#F473BE

Triadic

#F473BE

#BEF473

#73BEF4

Split Complementary

#F473BE

#7EF473

#73F4E9

Tetradic

#F473BE

#F4E973

#73F4A9

#737EF4

Color Blindness Simulation

Original

#F473BE

Protanopia

#BCBBAC

Deuteranopia

#C4CDA8

Tritanopia

#EE9E9A

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABDE0
300
#F68ECA
400
#F150AE
500
#EC1391
600
#BD0F74
700
#970C5D
800
#760949
900
#560B37
950
#360722

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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