#F9CFFB

#F9CFFB

Color Values

HEX

#F9CFFB

RGB

249, 207, 251

HSL

297.3, 84.6%, 89.8%

HSV

297.3, 17.5%, 98.4%

CMYK

0.8%, 17.5%, 0.0%, 1.6%

OKLCH

0.9037 0.0742 324.7

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F9CFFB

#D1FBCF

Analogous

#E3CFFB

#FBCFE7

#F9CFFB

Triadic

#F9CFFB

#FBF9CF

#CFFBF9

Split Complementary

#F9CFFB

#E7FBCF

#CFFBE3

Tetradic

#F9CFFB

#FBE3CF

#D1FBCF

#CFE7FB

Color Blindness Simulation

Original

#F9CFFB

Protanopia

#E7E6F0

Deuteranopia

#E9ECEE

Tritanopia

#F7E8E6

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FA
200
#F7BDFA
300
#F18EF6
400
#E951F0
500
#E214EB
600
#B510BC
700
#900D97
800
#710A76
900
#520C55
950
#340736

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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