#F4C2CB

#F4C2CB

Color Values

HEX

#F4C2CB

RGB

244, 194, 203

HSL

349.2, 69.4%, 85.9%

HSV

349.2, 20.5%, 95.7%

CMYK

0.0%, 20.5%, 16.8%, 4.3%

OKLCH

0.8606 0.0582 6.3

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#F4C2CB

#C2F4EB

Analogous

#F4C2E4

#F4D2C2

#F4C2CB

Triadic

#F4C2CB

#CBF4C2

#C2CBF4

Split Complementary

#F4C2CB

#C2F4D2

#C2E4F4

Tetradic

#F4C2CB

#E4F4C2

#C2F4EB

#D2C2F4

Color Blindness Simulation

Original

#F4C2CB

Protanopia

#DEDEC9

Deuteranopia

#E1E5C8

Tritanopia

#F1C7C7

Achromatopsia

#CDCDCD

CSS Usage

background-color: #F4C2CB;
color: #F4C2CB;
border-color: #F4C2CB;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FCF3F4
100
#F8E3E6
200
#F4C3CB
300
#EC97A7
400
#E25F77
500
#D82747
600
#AD1F39
700
#8A192D
800
#6C1423
900
#4F121D
950
#320B12

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026