#F2C1DA

#F2C1DA

Color Values

HEX

#F2C1DA

RGB

242, 193, 218

HSL

329.4, 65.3%, 85.3%

HSV

329.4, 20.2%, 94.9%

CMYK

0.0%, 20.2%, 9.9%, 5.1%

OKLCH

0.8613 0.0644 346.5

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F2C1DA

#C1F2D9

Analogous

#F2C1F2

#F2C1C2

#F2C1DA

Triadic

#F2C1DA

#DAF2C1

#C1DAF2

Split Complementary

#F2C1DA

#C2F2C1

#C1F2F2

Tetradic

#F2C1DA

#F2F2C1

#C1F2D9

#C1C2F2

Color Blindness Simulation

Original

#F2C1DA

Protanopia

#DDDCD4

Deuteranopia

#E0E3D2

Tritanopia

#F0CFCE

Achromatopsia

#CDCDCD

CSS Usage

background-color: #F2C1DA;
color: #F2C1DA;
border-color: #F2C1DA;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FCF3F7
100
#F7E3ED
200
#F3C4DC
300
#EA9AC3
400
#DE63A2
500
#D32C81
600
#A92367
700
#871C53
800
#691641
900
#4D1431
950
#310D1F

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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