#F4D7F7

#F4D7F7

Color Values

HEX

#F4D7F7

RGB

244, 215, 247

HSL

294.4, 66.7%, 90.6%

HSV

294.4, 13.0%, 96.9%

CMYK

1.2%, 13.0%, 0.0%, 3.1%

OKLCH

0.9127 0.0529 323.1

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F4D7F7

#DAF7D7

Analogous

#E4D7F7

#F7D7EA

#F4D7F7

Triadic

#F4D7F7

#F7F4D7

#D7F7F4

Split Complementary

#F4D7F7

#EAF7D7

#D7F7E4

Tetradic

#F4D7F7

#F7E4D7

#DAF7D7

#D7EAF7

Color Blindness Simulation

Original

#F4D7F7

Protanopia

#E7E7EF

Deuteranopia

#E9EBED

Tritanopia

#F3E9E8

Achromatopsia

#DFDFDF

CSS Usage

background-color: #F4D7F7;
color: #F4D7F7;
border-color: #F4D7F7;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#FBF3FC
100
#F5E3F7
200
#EFC3F3
300
#E399EB
400
#D462E0
500
#C52AD5
600
#9D22AA
700
#7E1B88
800
#62156A
900
#48134E
950
#2E0C31

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.91:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026