#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

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026