#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026