Huebook

Transcendence Complementary Color Scheme

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

#F8F4D8
#FBF9E8
#DBDBF7
#9BA0EF
#E7EFFB

Color names and codes

NameHEXRGBHSLCMYK
Transcendence#F8F4D8248, 244, 21653°, 70%, 91%0, 2, 13, 3
Elderflower#FBF9E8251, 249, 23254°, 70%, 95%0, 1, 8, 2
Nostalgia Perfume#DBDBF7219, 219, 247240°, 64%, 91%11, 11, 0, 3
Cold Lips#9BA0EF155, 160, 239236°, 72%, 77%35, 33, 0, 6
Cotton Boll#E7EFFB231, 239, 251216°, 71%, 95%8, 5, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FBF9E8 on #9BA0EF2.29:1—
Aa #F8F4D8 on #9BA0EF2.18:1—
Aa #9BA0EF on #E7EFFB2.09:1—
Aa #DBDBF7 on #9BA0EF1.79:1—
Aa #FBF9E8 on #DBDBF71.28:1—
Aa #F8F4D8 on #DBDBF71.22:1—

CSS variables

:root {
  --color-1: #f8f4d8; /* Transcendence */
  --color-2: #fbf9e8; /* Elderflower */
  --color-3: #dbdbf7; /* Nostalgia Perfume */
  --color-4: #9ba0ef; /* Cold Lips */
  --color-5: #e7effb; /* Cotton Boll */
}

Other schemes from Transcendence

More Very Light Yellow complementary palettes

Questions

What colors go with Transcendence?

In a complementary scheme: Elderflower (#FBF9E8), Nostalgia Perfume (#DBDBF7), Cold Lips (#9BA0EF), Cotton Boll (#E7EFFB).

What is the hex code of Transcendence?

#F8F4D8.