#FFD9DA

#FFD9DA

Color Values

HEX

#FFD9DA

RGB

255, 217, 218

HSL

358.4, 100.0%, 92.5%

HSV

358.4, 14.9%, 100.0%

CMYK

0.0%, 14.9%, 14.5%, 0.0%

OKLCH

0.9174 0.0425 16.2

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#FFD9DA

#D9FFFE

Analogous

#FFD9ED

#FFEBD9

#FFD9DA

Triadic

#FFD9DA

#DAFFD9

#D9DAFF

Split Complementary

#FFD9DA

#D9FFEB

#D9EDFF

Tetradic

#FFD9DA

#EDFFD9

#D9FFFE

#EBD9FF

Color Blindness Simulation

Original

#FFD9DA

Protanopia

#EFEEDA

Deuteranopia

#F1F4DA

Tritanopia

#FDDADA

Achromatopsia

#E1E1E1

CSS Usage

background-color: #FFD9DA;
color: #FFD9DA;
border-color: #FFD9DA;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FEF1F1
100
#FCDEDF
200
#FFB8BA
300
#FF8588
400
#FF4247
500
#FF0007
600
#CC0005
700
#A30004
800
#800003
900
#5C0507
950
#3A0305

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026