#F974AC

#F974AC

Color Values

HEX

#F974AC

RGB

249, 116, 172

HSL

334,7, 91,7%, 71,6%

HSV

334,7, 53,4%, 97,6%

CMYK

0,0%, 53,4%, 30,9%, 2,4%

OKLCH

0,7313 0,1721 355,8

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F974AC

#74F9C1

Analogous

#F974EF

#F97F74

#F974AC

Triadic

#F974AC

#ACF974

#74ACF9

Split Complementary

#F974AC

#74F97F

#74EFF9

Tetradic

#F974AC

#EFF974

#74F9C1

#7F74F9

Color Blindness Simulation

Original

#F974AC

Protanopia

#BFBE9E

Deuteranopia

#C7D19B

Tritanopia

#F29491

Achromatopsia

#949494

CSS Usage

background-color: #F974AC;
color: #F974AC;
border-color: #F974AC;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF1F6
100
#FBDFEB
200
#FCBBD6
300
#FA8AB9
400
#F74A93
500
#F40B6D
600
#C40857
700
#9C0746
800
#7A0537
900
#58082A
950
#38051B

Contrast Checker

Text on white

2,59:1

AA Fail AAA Fail

Text on black

8,12: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