#F78DA0

#F78DA0

Color Values

HEX

#F78DA0

RGB

247, 141, 160

HSL

349.2, 86.9%, 76.1%

HSV

349.2, 42.9%, 96.9%

CMYK

0.0%, 42.9%, 35.2%, 3.1%

OKLCH

0.7614 0.1295 9.1

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#F78DA0

#8DF7E4

Analogous

#F78DD5

#F7AF8D

#F78DA0

Triadic

#F78DA0

#A0F78D

#8DA0F7

Split Complementary

#F78DA0

#8DF7AF

#8DD5F7

Tetradic

#F78DA0

#D5F78D

#8DF7E4

#AF8DF7

Color Blindness Simulation

Original

#F78DA0

Protanopia

#C9C89B

Deuteranopia

#CFD79A

Tritanopia

#F29897

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FAE0E5
200
#FABCC7
300
#F78DA0
400
#F34F6C
500
#EE1139
600
#BF0D2D
700
#990B24
800
#77081C
900
#560B18
950
#37070F

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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