Huebook

Brilliance Analogous Color Scheme

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

#F6F1F4
#F5F0F1
#FDFDFD
#F6F2F1
#F6F4EF

Color names and codes

NameHEXRGBHSLCMYK
Grim White#F6F1F4246, 241, 244324°, 22%, 95%0, 2, 1, 4
Plastic Clouds#F5F0F1245, 240, 241348°, 20%, 95%0, 2, 2, 4
Brilliance#FDFDFD253, 253, 2530°, 0%, 99%0, 0, 0, 1
Bright White#F6F2F1246, 242, 24112°, 22%, 95%0, 2, 2, 4
The Speed of Light#F6F4EF246, 244, 23943°, 28%, 95%0, 1, 3, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F5F0F1 on #FDFDFD1.11:1—
Aa #F6F1F4 on #FDFDFD1.10:1—
Aa #FDFDFD on #F6F2F11.09:1—
Aa #FDFDFD on #F6F4EF1.08: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: #fdfdfd; /* Brilliance */
  --color-4: #f6f2f1; /* Bright White */
  --color-5: #f6f4ef; /* The Speed of Light */
}

Other schemes from Brilliance

More White analogous palettes

Questions

What colors go with Brilliance?

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

What is the hex code of Brilliance?

#FDFDFD.