#F2B1C9

#F2B1C9

Color Values

HEX

#F2B1C9

RGB

242, 177, 201

HSL

337.8, 71.4%, 82.2%

HSV

337.8, 26.9%, 94.9%

CMYK

0.0%, 26.9%, 16.9%, 5.1%

OKLCH

0.8275 0.0813 355.1

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F2B1C9

#B1F2DA

Analogous

#F2B1EA

#F2BAB1

#F2B1C9

Triadic

#F2B1C9

#C9F2B1

#B1C9F2

Split Complementary

#F2B1C9

#B1F2BA

#B1EAF2

Tetradic

#F2B1C9

#EAF2B1

#B1F2DA

#BAB1F2

Color Blindness Simulation

Original

#F2B1C9

Protanopia

#D6D5C3

Deuteranopia

#DADEC2

Tritanopia

#EFBFBE

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E2EA
200
#F5C2D5
300
#ED96B6
400
#E45D8F
500
#DB2468
600
#AF1D53
700
#8C1742
800
#6D1234
900
#501128
950
#320B19

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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