#F796B7

#F796B7

Color Values

HEX

#F796B7

RGB

247, 150, 183

HSL

339.6, 85.8%, 77.8%

HSV

339.6, 39.3%, 96.9%

CMYK

0.0%, 39.3%, 25.9%, 3.1%

OKLCH

0.7821 0.1221 358.4

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#F796B7

#96F7D6

Analogous

#F796E7

#F7A596

#F796B7

Triadic

#F796B7

#B7F796

#96B7F7

Split Complementary

#F796B7

#96F7A5

#96E7F7

Tetradic

#F796B7

#E7F796

#96F7D6

#A596F7

Color Blindness Simulation

Original

#F796B7

Protanopia

#CDCCAF

Deuteranopia

#D3DAAD

Tritanopia

#F2A9A7

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0E9
200
#FABDD1
300
#F68DB1
400
#F25087
500
#ED125C
600
#BE0E4A
700
#980C3B
800
#76092E
900
#560B24
950
#360717

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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