#FFDAF3

#FFDAF3

Color Values

HEX

#FFDAF3

RGB

255, 218, 243

HSL

319,5, 100,0%, 92,7%

HSV

319,5, 14,5%, 100,0%

CMYK

0,0%, 14,5%, 4,7%, 0,0%

OKLCH

0,9265 0,0521 338,0

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FFDAF3

#DAFFE6

Analogous

#F8DAFF

#FFDAE0

#FFDAF3

Triadic

#FFDAF3

#F3FFDA

#DAF3FF

Split Complementary

#FFDAF3

#E0FFDA

#DAFFF8

Tetradic

#FFDAF3

#FFF8DA

#DAFFE6

#DAE0FF

Color Blindness Simulation

Original

#FFDAF3

Protanopia

#EFEFED

Deuteranopia

#F1F4EC

Tritanopia

#FDE8E7

Achromatopsia

#E4E4E4

CSS Usage

background-color: #FFDAF3;
color: #FFDAF3;
border-color: #FFDAF3;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FEF1FA
100
#FCDEF2
200
#FFB8E8
300
#FF85D7
400
#FF42C2
500
#FF00AC
600
#CC008A
700
#A3006E
800
#800056
900
#5C0540
950
#3A0328

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

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