#FFDEF4

#FFDEF4

Color Values

HEX

#FFDEF4

RGB

255, 222, 244

HSL

320,0, 100,0%, 93,5%

HSV

320,0, 12,9%, 100,0%

CMYK

0,0%, 12,9%, 4,3%, 0,0%

OKLCH

0,9342 0,0461 338,2

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FFDEF4

#DEFFE9

Analogous

#F9DEFF

#FFDEE3

#FFDEF4

Triadic

#FFDEF4

#F4FFDE

#DEF4FF

Split Complementary

#FFDEF4

#E3FFDE

#DEFFF9

Tetradic

#FFDEF4

#FFF9DE

#DEFFE9

#DEE3FF

Color Blindness Simulation

Original

#FFDEF4

Protanopia

#F1F0EF

Deuteranopia

#F3F5ED

Tritanopia

#FDEAEA

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF2
200
#FFB8E7
300
#FF85D6
400
#FF42C0
500
#FF00AA
600
#CC0088
700
#A3006D
800
#800055
900
#5C053F
950
#3A0328

Contrast Checker

Text on white

1,23:1

AA Fail AAA Fail

Text on black

17,01: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