#F49FCC

#F49FCC

Color Values

HEX

#F49FCC

RGB

244, 159, 204

HSL

328.2, 79.4%, 79.0%

HSV

328.2, 34.8%, 95.7%

CMYK

0.0%, 34.8%, 16.4%, 4.3%

OKLCH

0.7999 0.1149 347.0

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F49FCC

#9FF4C7

Analogous

#F19FF4

#F49FA1

#F49FCC

Triadic

#F49FCC

#CCF49F

#9FCCF4

Split Complementary

#F49FCC

#A1F49F

#9FF4F1

Tetradic

#F49FCC

#F4F19F

#9FF4C7

#9FA1F4

Color Blindness Simulation

Original

#F49FCC

Protanopia

#CFCEC1

Deuteranopia

#D4DABE

Tritanopia

#F0B9B7

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#F9E1EE
200
#F8BFDD
300
#F291C5
400
#EC56A5
500
#E51A86
600
#B7156B
700
#921155
800
#720D43
900
#530E33
950
#340920

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

10.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026