#F1BCD4

#F1BCD4

Color Values

HEX

#F1BCD4

RGB

241, 188, 212

HSL

332.8, 65.4%, 84.1%

HSV

332.8, 22.0%, 94.5%

CMYK

0.0%, 22.0%, 12.0%, 5.5%

OKLCH

0.8495 0.068 349.7

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F1BCD4

#BCF1D9

Analogous

#F1BCEE

#F1BEBC

#F1BCD4

Triadic

#F1BCD4

#D4F1BC

#BCD4F1

Split Complementary

#F1BCD4

#BCF1BE

#BCEEF1

Tetradic

#F1BCD4

#EEF1BC

#BCF1D9

#BEBCF1

Color Blindness Simulation

Original

#F1BCD4

Protanopia

#DADACE

Deuteranopia

#DDE1CD

Tritanopia

#EECAC9

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C4D9
300
#EA9ABE
400
#DE639B
500
#D32C78
600
#A92360
700
#871C4D
800
#69163C
900
#4D142E
950
#310D1D

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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