#F9CBFB

#F9CBFB

Color Values

HEX

#F9CBFB

RGB

249, 203, 251

HSL

297.5, 85.7%, 89.0%

HSV

297.5, 19.1%, 98.4%

CMYK

0.8%, 19.1%, 0.0%, 1.6%

OKLCH

0.8965 0.0812 324.9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F9CBFB

#CDFBCB

Analogous

#E1CBFB

#FBCBE5

#F9CBFB

Triadic

#F9CBFB

#FBF9CB

#CBFBF9

Split Complementary

#F9CBFB

#E5FBCB

#CBFBE1

Tetradic

#F9CBFB

#FBE1CB

#CDFBCB

#CBE5FB

Color Blindness Simulation

Original

#F9CBFB

Protanopia

#E5E5EF

Deuteranopia

#E8EBED

Tritanopia

#F7E6E4

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FA
200
#F7BDFA
300
#F28DF6
400
#EB50F2
500
#E412ED
600
#B60FBD
700
#920C98
800
#720976
900
#530B56
950
#340736

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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