Huebook

Hint of Blue Tetradic Color Scheme

Five colors arranged by the tetradic rule around Hint of Blue (#CEE1F2), each snapped to its nearest named color.

#CEE1F2
#EECCEE
#F3DECE
#CEF0CC
#ECF3F9

Color names and codes

NameHEXRGBHSLCMYK
Hint of Blue#CEE1F2206, 225, 242208°, 58%, 88%15, 7, 0, 5
Bubblegum Crisis#EECCEE238, 204, 238300°, 50%, 87%0, 14, 0, 7
Siren Song#F3DECE243, 222, 20626°, 61%, 88%0, 9, 15, 5
Pastel Mint#CEF0CC206, 240, 204117°, 55%, 87%14, 0, 15, 6
Insignia White#ECF3F9236, 243, 249208°, 52%, 95%5, 2, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EECCEE on #ECF3F91.29:1—
Aa #CEE1F2 on #ECF3F91.20:1—
Aa #EECCEE on #CEF0CC1.17:1—
Aa #F3DECE on #ECF3F91.16:1—
Aa #EECCEE on #F3DECE1.11:1—
Aa #CEF0CC on #ECF3F91.11:1—

CSS variables

:root {
  --color-1: #cee1f2; /* Hint of Blue */
  --color-2: #eeccee; /* Bubblegum Crisis */
  --color-3: #f3dece; /* Siren Song */
  --color-4: #cef0cc; /* Pastel Mint */
  --color-5: #ecf3f9; /* Insignia White */
}

Other schemes from Hint of Blue

More Very Light Blue tetradic palettes

Questions

What colors go with Hint of Blue?

In a tetradic scheme: Bubblegum Crisis (#EECCEE), Siren Song (#F3DECE), Pastel Mint (#CEF0CC), Insignia White (#ECF3F9).

What is the hex code of Hint of Blue?

#CEE1F2.