#F78DA8

#F78DA8

Color Values

HEX

#F78DA8

RGB

247, 141, 168

HSL

344.7, 86.9%, 76.1%

HSV

344.7, 42.9%, 96.9%

CMYK

0.0%, 42.9%, 32.0%, 3.1%

OKLCH

0.7636 0.1311 4.3

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#F78DA8

#8DF7DC

Analogous

#F78DDD

#F7A78D

#F78DA8

Triadic

#F78DA8

#A8F78D

#8DA8F7

Split Complementary

#F78DA8

#8DF7A7

#8DDDF7

Tetradic

#F78DA8

#DDF78D

#8DF7DC

#A78DF7

Color Blindness Simulation

Original

#F78DA8

Protanopia

#C9C8A1

Deuteranopia

#CFD7A0

Tritanopia

#F29C9B

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FAE0E7
200
#FABCCC
300
#F78DA8
400
#F34F78
500
#EE1149
600
#BF0D3B
700
#990B2F
800
#770825
900
#560B1E
950
#370713

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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