#F1B4CC

#F1B4CC

Color Values

HEX

#F1B4CC

RGB

241, 180, 204

HSL

336.4, 68.5%, 82.5%

HSV

336.4, 25.3%, 94.5%

CMYK

0.0%, 25.3%, 15.4%, 5.5%

OKLCH

0.8327 0.0768 353.5

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F1B4CC

#B4F1D9

Analogous

#F1B4EA

#F1BAB4

#F1B4CC

Triadic

#F1B4CC

#CCF1B4

#B4CCF1

Split Complementary

#F1B4CC

#B4F1BA

#B4EAF1

Tetradic

#F1B4CC

#EAF1B4

#B4F1D9

#BAB4F1

Color Blindness Simulation

Original

#F1B4CC

Protanopia

#D7D6C6

Deuteranopia

#DADFC5

Tritanopia

#EEC2C1

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E3EB
200
#F4C3D6
300
#EC98B9
400
#E16093
500
#D7286D
600
#AC2057
700
#891A46
800
#6B1436
900
#4E132A
950
#310C1B

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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