BlueLightVivid

Puffy Cloud

#D1DEF4

Contrast at a glance

White text

1.36:1Fails

Black text

14.58:1AAA

Open the contrast checker →

About Puffy Cloud

Puffy Cloud (#D1DEF4) is a light vivid blue. Its RGB value is 209, 222, 244 and its HSL value is 218°, 61%, 89%. Black text reads best on it, at a contrast ratio of 14.58:1 (WCAG AAA). Below are ten tints and shades of Puffy Cloud, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#D1DEF4 · #F4E7D1

Analogous

#D1EFF4 · #D1DEF4 · #D6D1F4

Triadic

#D1DEF4 · #F4D1DE · #DEF4D1

Split complementary

#D1DEF4 · #F4D6D1 · #EFF4D1

Do more with Puffy Cloud

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast