#F4C2CE

#F4C2CE

Color Values

HEX

#F4C2CE

RGB

244, 194, 206

HSL

345.6, 69.4%, 85.9%

HSV

345.6, 20.5%, 95.7%

CMYK

0.0%, 20.5%, 15.6%, 4.3%

OKLCH

0.8615 0.059 2.4

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#F4C2CE

#C2F4E8

Analogous

#F4C2E7

#F4CFC2

#F4C2CE

Triadic

#F4C2CE

#CEF4C2

#C2CEF4

Split Complementary

#F4C2CE

#C2F4CF

#C2E7F4

Tetradic

#F4C2CE

#E7F4C2

#C2F4E8

#CFC2F4

Color Blindness Simulation

Original

#F4C2CE

Protanopia

#DEDECB

Deuteranopia

#E1E5CA

Tritanopia

#F1C9C8

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FCF3F5
100
#F8E3E8
200
#F4C3CE
300
#EC97AC
400
#E25F7F
500
#D82751
600
#AD1F41
700
#8A1934
800
#6C1429
900
#4F1221
950
#320B15

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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