#F78C96

#F78C96

Color Values

HEX

#F78C96

RGB

247, 140, 150

HSL

354.4, 87.0%, 75.9%

HSV

354.4, 43.3%, 96.9%

CMYK

0.0%, 43.3%, 39.3%, 3.1%

OKLCH

0.7573 0.1299 14.7

Properties

Warm Light Nearest: RAL 3015 Light Pink

Color Harmonies

Complementary

#F78C96

#8CF7ED

Analogous

#F78CCC

#F7B88C

#F78C96

Triadic

#F78C96

#96F78C

#8C96F7

Split Complementary

#F78C96

#8CF7B8

#8CCCF7

Tetradic

#F78C96

#CCF78C

#8CF7ED

#B88CF7

Color Blindness Simulation

Original

#F78C96

Protanopia

#C9C894

Deuteranopia

#CFD793

Tritanopia

#F29291

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE0E2
200
#FABCC2
300
#F78D96
400
#F34F5E
500
#EE1125
600
#BF0D1E
700
#990B18
800
#770813
900
#560B12
950
#37070B

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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