#FDD8F6

#FDD8F6

Color Values

HEX

#FDD8F6

RGB

253, 216, 246

HSL

311.4, 90.2%, 92.0%

HSV

311.4, 14.6%, 99.2%

CMYK

0.0%, 14.6%, 2.8%, 0.8%

OKLCH

0.922 0.0565 332.5

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FDD8F6

#D8FDDF

Analogous

#F2D8FD

#FDD8E4

#FDD8F6

Triadic

#FDD8F6

#F6FDD8

#D8F6FD

Split Complementary

#FDD8F6

#E4FDD8

#D8FDF2

Tetradic

#FDD8F6

#FDF2D8

#D8FDDF

#D8E4FD

Color Blindness Simulation

Original

#FDD8F6

Protanopia

#EDEDEF

Deuteranopia

#EFF2ED

Tritanopia

#FBE9E8

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FCBBEF
300
#F98BE4
400
#F64CD5
500
#F30CC7
600
#C20A9F
700
#9B087F
800
#790663
900
#580949
950
#37062E

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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