#FBD6F3

#FBD6F3

Color Values

HEX

#FBD6F3

RGB

251, 214, 243

HSL

313.0, 82.2%, 91.2%

HSV

313.0, 14.7%, 98.4%

CMYK

0.0%, 14.7%, 3.2%, 1.6%

OKLCH

0.9156 0.0557 333.5

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FBD6F3

#D6FBDE

Analogous

#F1D6FB

#FBD6E1

#FBD6F3

Triadic

#FBD6F3

#F3FBD6

#D6F3FB

Split Complementary

#FBD6F3

#E1FBD6

#D6FBF1

Tetradic

#FBD6F3

#FBF1D6

#D6FBDE

#D6E1FB

Color Blindness Simulation

Original

#FBD6F3

Protanopia

#EBEBEC

Deuteranopia

#EDF0EA

Tritanopia

#F9E6E5

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE1F4
200
#F9BEEC
300
#F48FDE
400
#EE53CD
500
#E817BB
600
#BA1296
700
#950F78
800
#740B5D
900
#540D45
950
#35082B

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.01:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026