#F9DAFA

#F9DAFA

Color Values

HEX

#F9DAFA

RGB

249, 218, 250

HSL

298,1, 76,2%, 91,8%

HSV

298,1, 12,8%, 98,0%

CMYK

0,4%, 12,8%, 0,0%, 2,0%

OKLCH

0,9235 0,0541 325,0

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F9DAFA

#DBFADA

Analogous

#E9DAFA

#FADAEB

#F9DAFA

Triadic

#F9DAFA

#FAF9DA

#DAFAF9

Split Complementary

#F9DAFA

#EBFADA

#DAFAE9

Tetradic

#F9DAFA

#FAE9DA

#DBFADA

#DAEBFA

Color Blindness Simulation

Original

#F9DAFA

Protanopia

#ECEBF2

Deuteranopia

#EDF0F0

Tritanopia

#F7ECEB

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E2F9
200
#F5C0F7
300
#ED93F0
400
#E459E9
500
#DB1EE1
600
#AF18B4
700
#8C1390
800
#6D0F70
900
#500F52
950
#320A34

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,44: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