#FBCCD9

#FBCCD9

Color Values

HEX

#FBCCD9

RGB

251, 204, 217

HSL

343,4, 85,5%, 89,2%

HSV

343,4, 18,7%, 98,4%

CMYK

0,0%, 18,7%, 13,5%, 1,6%

OKLCH

0,8895 0,0555 359,9

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#FBCCD9

#CCFBEE

Analogous

#FBCCF0

#FBD6CC

#FBCCD9

Triadic

#FBCCD9

#D9FBCC

#CCD9FB

Split Complementary

#FBCCD9

#CCFBD6

#CCF0FB

Tetradic

#FBCCD9

#F0FBCC

#CCFBEE

#D6CCFB

Color Blindness Simulation

Original

#FBCCD9

Protanopia

#E7E6D6

Deuteranopia

#E9EDD5

Tritanopia

#F9D3D3

Achromatopsia

#D7D7D7

CSS Usage

background-color: #FBCCD9;
color: #FBCCD9;
border-color: #FBCCD9;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FDF2F5
100
#FAE0E7
200
#FABDCE
300
#F68DAA
400
#F1507D
500
#ED124F
600
#BD0F3F
700
#970C32
800
#760927
900
#560B20
950
#360714

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,74: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