Huebook

White Analogous Color Scheme

Five colors arranged by the analogous rule around White (#FFFFFF), each snapped to its nearest named color.

#F6F1F4
#F5F0F1
#FFFFFF
#F6F2F1
#F6F4EF

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Grim White#F6F1F4246, 241, 244324°, 22%, 95%0, 2, 1, 496.3% 0.007 340
Plastic Clouds#F5F0F1245, 240, 241348°, 20%, 95%0, 2, 2, 495.9% 0.006 3
White#FFFFFF255, 255, 2550°, 0%, 100%0, 0, 0, 0100.0% 0.000 0
Bright White#F6F2F1246, 242, 24112°, 22%, 95%0, 2, 2, 496.4% 0.005 34
The Speed of Light#F6F4EF246, 244, 23943°, 28%, 95%0, 1, 3, 496.7% 0.007 89

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F5F0F1 on #FFFFFF1.13:1—
Aa #F6F1F4 on #FFFFFF1.12:1—
Aa #FFFFFF on #F6F2F11.11:1—
Aa #FFFFFF on #F6F4EF1.10:1—
Aa #F5F0F1 on #F6F4EF1.03:1—
Aa #F6F1F4 on #F6F4EF1.02:1—

CSS variables

:root {
  --color-1: #f6f1f4; /* Grim White */
  --color-2: #f5f0f1; /* Plastic Clouds */
  --color-3: #ffffff; /* White */
  --color-4: #f6f2f1; /* Bright White */
  --color-5: #f6f4ef; /* The Speed of Light */
}

Other schemes from White

More white analogous color schemes

Questions

What colors go with White?

In a analogous scheme: Grim White (#F6F1F4), Plastic Clouds (#F5F0F1), Bright White (#F6F2F1), The Speed of Light (#F6F4EF).

What is the hex code of White?

#FFFFFF.