#FBCCF1

#FBCCF1

Color Values

HEX

#FBCCF1

RGB

251, 204, 241

HSL

312.8, 85.5%, 89.2%

HSV

312.8, 18.7%, 98.4%

CMYK

0.0%, 18.7%, 4.0%, 1.6%

OKLCH

0.8968 0.0713 333.6

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FBCCF1

#CCFBD6

Analogous

#EECCFB

#FBCCD9

#FBCCF1

Triadic

#FBCCF1

#F1FBCC

#CCF1FB

Split Complementary

#FBCCF1

#D9FBCC

#CCFBEE

Tetradic

#FBCCF1

#FBEECC

#CCFBD6

#CCD9FB

Color Blindness Simulation

Original

#FBCCF1

Protanopia

#E7E6E8

Deuteranopia

#E9EDE6

Tritanopia

#F9E1DF

Achromatopsia

#D9D9D9

CSS Usage

background-color: #FBCCF1;
color: #FBCCF1;
border-color: #FBCCF1;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FDF2FB
100
#FAE0F5
200
#FABDED
300
#F68DE0
400
#F150CF
500
#ED12BE
600
#BD0F98
700
#970C7A
800
#76095F
900
#560B46
950
#36072C

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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