#F78DA6

#F78DA6

Color Values

HEX

#F78DA6

RGB

247, 141, 166

HSL

345.8, 86.9%, 76.1%

HSV

345.8, 42.9%, 96.9%

CMYK

0.0%, 42.9%, 32.8%, 3.1%

OKLCH

0.763 0.1306 5.5

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#F78DA6

#8DF7DE

Analogous

#F78DDB

#F7A98D

#F78DA6

Triadic

#F78DA6

#A6F78D

#8DA6F7

Split Complementary

#F78DA6

#8DF7A9

#8DDBF7

Tetradic

#F78DA6

#DBF78D

#8DF7DE

#A98DF7

Color Blindness Simulation

Original

#F78DA6

Protanopia

#C9C8A0

Deuteranopia

#CFD79E

Tritanopia

#F29B9A

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FAE0E6
200
#FABCCB
300
#F78DA6
400
#F34F75
500
#EE1145
600
#BF0D37
700
#990B2C
800
#770823
900
#560B1C
950
#370712

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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