#FBC6F3

#FBC6F3

Color Values

HEX

#FBC6F3

RGB

251, 198, 243

HSL

309,1, 86,9%, 88,0%

HSV

309,1, 21,1%, 98,4%

CMYK

0,0%, 21,1%, 3,2%, 1,6%

OKLCH

0,8867 0,0835 331,4

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FBC6F3

#C6FBCE

Analogous

#E8C6FB

#FBC6D8

#FBC6F3

Triadic

#FBC6F3

#F3FBC6

#C6F3FB

Split Complementary

#FBC6F3

#D8FBC6

#C6FBE8

Tetradic

#FBC6F3

#FBE8C6

#C6FBCE

#C6D8FB

Color Blindness Simulation

Original

#FBC6F3

Protanopia

#E4E4E8

Deuteranopia

#E7EBE6

Tritanopia

#F8E0DE

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABCF1
300
#F78DE7
400
#F34FDA
500
#EE11CD
600
#BF0DA4
700
#990B83
800
#770866
900
#560B4B
950
#37072F

Contrast Checker

Text on white

1,45:1

AA Fail AAA Fail

Text on black

14,47:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026