#FBDCE3

#FBDCE3

Color Values

HEX

#FBDCE3

RGB

251, 220, 227

HSL

346.5, 79.5%, 92.4%

HSV

346.5, 12.4%, 98.4%

CMYK

0.0%, 12.4%, 9.6%, 1.6%

OKLCH

0.922 0.0354 2.5

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#FBDCE3

#DCFBF4

Analogous

#FBDCF3

#FBE5DC

#FBDCE3

Triadic

#FBDCE3

#E3FBDC

#DCE3FB

Split Complementary

#FBDCE3

#DCFBE5

#DCF3FB

Tetradic

#FBDCE3

#F3FBDC

#DCFBF4

#E5DCFB

Color Blindness Simulation

Original

#FBDCE3

Protanopia

#EEEDE1

Deuteranopia

#EFF2E1

Tritanopia

#F9E0E0

Achromatopsia

#E3E3E3

CSS Usage

background-color: #FBDCE3;
color: #FBDCE3;
border-color: #FBDCE3;
Nearest Tailwind: Rose 100 #FFE4E6

Tailwind Shades

50
#FDF2F5
100
#F9E1E7
200
#F8BFCC
300
#F291A7
400
#EC5677
500
#E51A48
600
#B71539
700
#92112E
800
#720D24
900
#530E1D
950
#340913

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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