#FBC3DF

#FBC3DF

Color Values

HEX

#FBC3DF

RGB

251, 195, 223

HSL

330.0, 87.5%, 87.5%

HSV

330.0, 22.3%, 98.4%

CMYK

0.0%, 22.3%, 11.2%, 1.6%

OKLCH

0.875 0.073 347.2

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FBC3DF

#C3FBDF

Analogous

#FBC3FB

#FBC3C3

#FBC3DF

Triadic

#FBC3DF

#DFFBC3

#C3DFFB

Split Complementary

#FBC3DF

#C3FBC3

#C3FBFB

Tetradic

#FBC3DF

#FBFBC3

#C3FBDF

#C3C3FB

Color Blindness Simulation

Original

#FBC3DF

Protanopia

#E3E2D8

Deuteranopia

#E6EAD7

Tritanopia

#F8D3D2

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FBBCDB
300
#F78CC2
400
#F34EA1
500
#EF1080
600
#BF0D66
700
#990A52
800
#780840
900
#570A30
950
#37071F

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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