Huebook

Light Pink Triadic Color Scheme

Five colors arranged by the triadic rule around Light Pink (#FFD1DF), each snapped to its nearest named color.

#FFD1DF
#DDFFCC
#CCDDFF
#FFE5ED
#B1FC99

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Light Pink#FFD1DF255, 209, 223342°, 100%, 91%0, 18, 13, 090.4% 0.055 358
Herbal Vapours#DDFFCC221, 255, 204100°, 100%, 90%13, 0, 20, 096.3% 0.076 135
Arc Light#CCDDFF204, 221, 255220°, 100%, 90%20, 13, 0, 089.6% 0.050 264
Early Blossom#FFE5ED255, 229, 237342°, 100%, 95%0, 10, 7, 094.5% 0.030 357
Pale Light Green#B1FC99177, 252, 153105°, 94%, 79%30, 0, 39, 191.9% 0.149 138

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DDFFCC on #CCDDFF1.25:1—
Aa #FFD1DF on #DDFFCC1.25:1—
Aa #CCDDFF on #FFE5ED1.15:1—
Aa #FFD1DF on #FFE5ED1.15:1—
Aa #CCDDFF on #B1FC991.12:1—
Aa #FFD1DF on #B1FC991.12:1—

CSS variables

:root {
  --color-1: #ffd1df; /* Light Pink */
  --color-2: #ddffcc; /* Herbal Vapours */
  --color-3: #ccddff; /* Arc Light */
  --color-4: #ffe5ed; /* Early Blossom */
  --color-5: #b1fc99; /* Pale Light Green */
}

Other schemes from Light Pink

More very light pink triadic color schemes

Questions

What colors go with Light Pink?

In a triadic scheme: Herbal Vapours (#DDFFCC), Arc Light (#CCDDFF), Early Blossom (#FFE5ED), Pale Light Green (#B1FC99).

What is the hex code of Light Pink?

#FFD1DF.