#F47D99

#F47D99

Color Values

HEX

#F47D99

RGB

244, 125, 153

HSL

345.9, 84.4%, 72.4%

HSV

345.9, 48.8%, 95.7%

CMYK

0.0%, 48.8%, 37.3%, 4.3%

OKLCH

0.7316 0.1477 6.5

Properties

Warm Light Nearest: palevioletred 2

Color Harmonies

Complementary

#F47D99

#7DF4D8

Analogous

#F47DD5

#F49D7D

#F47D99

Triadic

#F47D99

#99F47D

#7D99F4

Split Complementary

#F47D99

#7DF49D

#7DD5F4

Tetradic

#F47D99

#D5F47D

#7DF4D8

#9D7DF4

Color Blindness Simulation

Original

#F47D99

Protanopia

#C0BF92

Deuteranopia

#C7D091

Tritanopia

#EE8D8C

Achromatopsia

#989898

CSS Usage

background-color: #F47D99;
color: #F47D99;
border-color: #F47D99;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F4
100
#FAE0E6
200
#F9BDCB
300
#F58EA6
400
#F05176
500
#EB1446
600
#BC1038
700
#960D2D
800
#760A23
900
#550C1D
950
#360712

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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