Huebook

Warm Light Triadic Color Scheme

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

#FFF9D8
#D6FFFA
#FFDDFF
#FEFBE5
#88FFEE

Color names and codes

NameHEXRGBHSLCMYK
Warm Light#FFF9D8255, 249, 21651°, 100%, 92%0, 2, 15, 0
Ice#D6FFFA214, 255, 250173°, 100%, 92%16, 0, 2, 0
Sugarpills#FFDDFF255, 221, 255300°, 100%, 93%0, 13, 0, 0
Rocket Fuel#FEFBE5254, 251, 22953°, 93%, 95%0, 1, 10, 0
Defence Matrix#88FFEE136, 255, 238171°, 100%, 77%47, 0, 7, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFDDFF on #FEFBE51.18:1—
Aa #FFF9D8 on #FFDDFF1.16:1—
Aa #D6FFFA on #FFDDFF1.15:1—
Aa #FEFBE5 on #88FFEE1.15:1—
Aa #FFF9D8 on #88FFEE1.13:1—
Aa #D6FFFA on #88FFEE1.11:1—

CSS variables

:root {
  --color-1: #fff9d8; /* Warm Light */
  --color-2: #d6fffa; /* Ice */
  --color-3: #ffddff; /* Sugarpills */
  --color-4: #fefbe5; /* Rocket Fuel */
  --color-5: #88ffee; /* Defence Matrix */
}

Other schemes from Warm Light

More Very Light Yellow triadic palettes

Questions

What colors go with Warm Light?

In a triadic scheme: Ice (#D6FFFA), Sugarpills (#FFDDFF), Rocket Fuel (#FEFBE5), Defence Matrix (#88FFEE).

What is the hex code of Warm Light?

#FFF9D8.