Huebook

Transcendence Tetradic Color Scheme

Five colors arranged by the tetradic rule around Transcendence (#F8F4D8), each snapped to its nearest named color.

#F8F4D8
#DCF4E6
#DBDBF7
#F9D7EE
#FBF9E8

Color names and codes

NameHEXRGBHSLCMYK
Transcendence#F8F4D8248, 244, 21653°, 70%, 91%0, 2, 13, 3
Mint Flash#DCF4E6220, 244, 230145°, 52%, 91%10, 0, 6, 4
Nostalgia Perfume#DBDBF7219, 219, 247240°, 64%, 91%11, 11, 0, 3
Jacaranda#F9D7EE249, 215, 238319°, 74%, 91%0, 14, 4, 2
Elderflower#FBF9E8251, 249, 23254°, 70%, 95%0, 1, 8, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DBDBF7 on #FBF9E81.28:1—
Aa #F9D7EE on #FBF9E81.24:1—
Aa #F8F4D8 on #DBDBF71.22:1—
Aa #F8F4D8 on #F9D7EE1.18:1—
Aa #DCF4E6 on #DBDBF71.17:1—
Aa #DCF4E6 on #F9D7EE1.13:1—

CSS variables

:root {
  --color-1: #f8f4d8; /* Transcendence */
  --color-2: #dcf4e6; /* Mint Flash */
  --color-3: #dbdbf7; /* Nostalgia Perfume */
  --color-4: #f9d7ee; /* Jacaranda */
  --color-5: #fbf9e8; /* Elderflower */
}

Other schemes from Transcendence

More Very Light Yellow tetradic palettes

Questions

What colors go with Transcendence?

In a tetradic scheme: Mint Flash (#DCF4E6), Nostalgia Perfume (#DBDBF7), Jacaranda (#F9D7EE), Elderflower (#FBF9E8).

What is the hex code of Transcendence?

#F8F4D8.