#FBC5DF

#FBC5DF

Color Values

HEX

#FBC5DF

RGB

251, 197, 223

HSL

331.1, 87.1%, 87.8%

HSV

331.1, 21.5%, 98.4%

CMYK

0.0%, 21.5%, 11.2%, 1.6%

OKLCH

0.8786 0.0697 348.1

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FBC5DF

#C5FBE1

Analogous

#FBC5FA

#FBC6C5

#FBC5DF

Triadic

#FBC5DF

#DFFBC5

#C5DFFB

Split Complementary

#FBC5DF

#C5FBC6

#C5FAFB

Tetradic

#FBC5DF

#FAFBC5

#C5FBE1

#C6C5FB

Color Blindness Simulation

Original

#FBC5DF

Protanopia

#E4E3D9

Deuteranopia

#E7EBD7

Tritanopia

#F8D4D3

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABCDA
300
#F78CC0
400
#F34E9E
500
#EF107B
600
#BF0D63
700
#990B4F
800
#77083E
900
#560A2F
950
#37071E

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026