Huebook

Hint of Orange Tetradic Color Scheme

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

#F8E6D9
#DBF4D8
#DAEAF6
#F4DAF1
#FAEFE9

Color names and codes

NameHEXRGBHSLCMYK
Hint of Orange#F8E6D9248, 230, 21725°, 69%, 91%0, 7, 13, 3
Aquarelle Mint#DBF4D8219, 244, 216114°, 56%, 90%10, 0, 11, 4
Celestial Cathedral#DAEAF6218, 234, 246206°, 61%, 91%11, 5, 0, 4
Grape Taffy#F4DAF1244, 218, 241307°, 54%, 91%0, 11, 1, 4
Baby Blossom#FAEFE9250, 239, 23321°, 63%, 95%0, 4, 7, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F4DAF1 on #FAEFE91.15:1—
Aa #DBF4D8 on #F4DAF11.11:1—
Aa #DAEAF6 on #FAEFE91.09:1—
Aa #F8E6D9 on #FAEFE91.07:1—
Aa #F8E6D9 on #F4DAF11.07:1—
Aa #DAEAF6 on #F4DAF11.06:1—

CSS variables

:root {
  --color-1: #f8e6d9; /* Hint of Orange */
  --color-2: #dbf4d8; /* Aquarelle Mint */
  --color-3: #daeaf6; /* Celestial Cathedral */
  --color-4: #f4daf1; /* Grape Taffy */
  --color-5: #faefe9; /* Baby Blossom */
}

Other schemes from Hint of Orange

More Very Light Orange tetradic palettes

Questions

What colors go with Hint of Orange?

In a tetradic scheme: Aquarelle Mint (#DBF4D8), Celestial Cathedral (#DAEAF6), Grape Taffy (#F4DAF1), Baby Blossom (#FAEFE9).

What is the hex code of Hint of Orange?

#F8E6D9.