#F4DDF6

#F4DDF6

Color Values

HEX

#F4DDF6

RGB

244, 221, 246

HSL

295.2, 58.1%, 91.6%

HSV

295.2, 10.2%, 96.5%

CMYK

0.8%, 10.2%, 0.0%, 3.5%

OKLCH

0.9236 0.0415 323.4

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F4DDF6

#DFF6DD

Analogous

#E8DDF6

#F6DDEC

#F4DDF6

Triadic

#F4DDF6

#F6F4DD

#DDF6F4

Split Complementary

#F4DDF6

#ECF6DD

#DDF6E8

Tetradic

#F4DDF6

#F6E8DD

#DFF6DD

#DDECF6

Color Blindness Simulation

Original

#F4DDF6

Protanopia

#EAEAF0

Deuteranopia

#EBEDEE

Tritanopia

#F3EBEA

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E4F6
200
#EDC7F0
300
#E09EE5
400
#CF6AD7
500
#BE35CA
600
#982BA1
700
#792281
800
#5F1B65
900
#46174A
950
#2C0F2F

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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