#F47AB9

#F47AB9

Color Values

HEX

#F47AB9

RGB

244, 122, 185

HSL

329,0, 84,7%, 71,8%

HSV

329,0, 50,0%, 95,7%

CMYK

0,0%, 50,0%, 24,2%, 4,3%

OKLCH

0,7371 0,1645 349,7

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F47AB9

#7AF4B5

Analogous

#F27AF4

#F47A7C

#F47AB9

Triadic

#F47AB9

#B9F47A

#7AB9F4

Split Complementary

#F47AB9

#7CF47A

#7AF4F2

Tetradic

#F47AB9

#F4F27A

#7AF4B5

#7A7CF4

Color Blindness Simulation

Original

#F47AB9

Protanopia

#BFBEAA

Deuteranopia

#C6CFA6

Tritanopia

#EE9E9B

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABDDC
300
#F68EC4
400
#F151A3
500
#EB1483
600
#BC1069
700
#970C54
800
#760A42
900
#550C32
950
#36071F

Contrast Checker

Text on white

2,52:1

AA Fail AAA Fail

Text on black

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