#F4DBF7

#F4DBF7

Color Values

HEX

#F4DBF7

RGB

244, 219, 247

HSL

293,6, 63,6%, 91,4%

HSV

293,6, 11,3%, 96,9%

CMYK

1,2%, 11,3%, 0,0%, 3,1%

OKLCH

0,9201 0,046 322,6

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F4DBF7

#DEF7DB

Analogous

#E6DBF7

#F7DBEC

#F4DBF7

Triadic

#F4DBF7

#F7F4DB

#DBF7F4

Split Complementary

#F4DBF7

#ECF7DB

#DBF7E6

Tetradic

#F4DBF7

#F7E6DB

#DEF7DB

#DBECF7

Color Blindness Simulation

Original

#F4DBF7

Protanopia

#E9E9F0

Deuteranopia

#EBECEF

Tritanopia

#F3EBEA

Achromatopsia

#E2E2E2

CSS Usage

background-color: #F4DBF7;
color: #F4DBF7;
border-color: #F4DBF7;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FBF3FB
100
#F5E4F7
200
#EDC5F2
300
#E09BE9
400
#D065DD
500
#BF2ED1
600
#9925A7
700
#7A1E85
800
#601768
900
#46154C
950
#2C0D30

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

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