#F79FCC

#F79FCC

Color Values

HEX

#F79FCC

RGB

247, 159, 204

HSL

329,3, 84,6%, 79,6%

HSV

329,3, 35,6%, 96,9%

CMYK

0,0%, 35,6%, 17,4%, 3,1%

OKLCH

0,8032 0,1178 348,1

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F79FCC

#9FF7CA

Analogous

#F69FF7

#F79FA0

#F79FCC

Triadic

#F79FCC

#CCF79F

#9FCCF7

Split Complementary

#F79FCC

#A0F79F

#9FF7F6

Tetradic

#F79FCC

#F7F69F

#9FF7CA

#9FA0F7

Color Blindness Simulation

Original

#F79FCC

Protanopia

#D1D0C1

Deuteranopia

#D6DDBE

Tritanopia

#F3B9B7

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDC
300
#F68EC3
400
#F051A3
500
#EB1482
600
#BC1068
700
#970D53
800
#760A41
900
#550C31
950
#36071F

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,79: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