#FCB1C9

#FCB1C9

Color Values

HEX

#FCB1C9

RGB

252, 177, 201

HSL

340.8, 92.6%, 84.1%

HSV

340.8, 29.8%, 98.8%

CMYK

0.0%, 29.8%, 20.2%, 1.2%

OKLCH

0.8379 0.0921 358.4

Properties

Warm Light Nearest: pink 1

Color Harmonies

Complementary

#FCB1C9

#B1FCE4

Analogous

#FCB1EE

#FCBEB1

#FCB1C9

Triadic

#FCB1C9

#C9FCB1

#B1C9FC

Split Complementary

#FCB1C9

#B1FCBE

#B1EEFC

Tetradic

#FCB1C9

#EEFCB1

#B1FCE4

#BEB1FC

Color Blindness Simulation

Original

#FCB1C9

Protanopia

#DCDBC3

Deuteranopia

#E0E5C2

Tritanopia

#F8BFBE

Achromatopsia

#C3C3C3

CSS Usage

background-color: #FCB1C9;
color: #FCB1C9;
border-color: #FCB1C9;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FCBACF
300
#FA89AD
400
#F84981
500
#F60955
600
#C40844
700
#9D0636
800
#7B052A
900
#590822
950
#380515

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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