#F796BA

#F796BA

Color Values

HEX

#F796BA

RGB

247, 150, 186

HSL

337.7, 85.8%, 77.8%

HSV

337.7, 39.3%, 96.9%

CMYK

0.0%, 39.3%, 24.7%, 3.1%

OKLCH

0.783 0.1233 356.6

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F796BA

#96F7D3

Analogous

#F796EA

#F7A296

#F796BA

Triadic

#F796BA

#BAF796

#96BAF7

Split Complementary

#F796BA

#96F7A2

#96EAF7

Tetradic

#F796BA

#EAF796

#96F7D3

#A296F7

Color Blindness Simulation

Original

#F796BA

Protanopia

#CDCCB1

Deuteranopia

#D3DAAF

Tritanopia

#F2AAA9

Achromatopsia

#ADADAD

CSS Usage

background-color: #F796BA;
color: #F796BA;
border-color: #F796BA;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F6
100
#FAE0EA
200
#FABDD3
300
#F68DB4
400
#F2508C
500
#ED1263
600
#BE0E50
700
#980C40
800
#760932
900
#560B27
950
#360719

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.03:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026