#F78DA4

#F78DA4

Color Values

HEX

#F78DA4

RGB

247, 141, 164

HSL

347.0, 86.9%, 76.1%

HSV

347.0, 42.9%, 96.9%

CMYK

0.0%, 42.9%, 33.6%, 3.1%

OKLCH

0.7625 0.1302 6.7

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#F78DA4

#8DF7E0

Analogous

#F78DD9

#F7AB8D

#F78DA4

Triadic

#F78DA4

#A4F78D

#8DA4F7

Split Complementary

#F78DA4

#8DF7AB

#8DD9F7

Tetradic

#F78DA4

#D9F78D

#8DF7E0

#AB8DF7

Color Blindness Simulation

Original

#F78DA4

Protanopia

#C9C89E

Deuteranopia

#CFD79D

Tritanopia

#F29A99

Achromatopsia

#A5A5A5

CSS Usage

background-color: #F78DA4;
color: #F78DA4;
border-color: #F78DA4;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FDF2F4
100
#FAE0E6
200
#FABCCA
300
#F78DA4
400
#F34F72
500
#EE1141
600
#BF0D34
700
#990B29
800
#770820
900
#560B1B
950
#370711

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.3:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026