Huebook

Ivory Analogous Color Scheme

Five colors arranged by the analogous rule around Ivory (#FFFFF0), each snapped to its nearest named color.

#FFE6E4
#FFF2E4
#FFFFF0
#F6FFE8
#E7FBEC

Color names and codes

NameHEXRGBHSLCMYK
Pink Theory#FFE6E4255, 230, 2284°, 100%, 95%0, 10, 11, 0
Doeskin#FFF2E4255, 242, 22831°, 100%, 95%0, 5, 11, 0
Ivory#FFFFF0255, 255, 24060°, 100%, 97%0, 0, 6, 0
Milk Foam#F6FFE8246, 255, 23283°, 100%, 95%4, 0, 9, 0
Winter Mist#E7FBEC231, 251, 236135°, 71%, 95%8, 0, 6, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFE6E4 on #FFFFF01.18:1—
Aa #FFE6E4 on #F6FFE81.15:1—
Aa #FFE6E4 on #E7FBEC1.10:1—
Aa #FFF2E4 on #FFFFF01.09:1—
Aa #FFE6E4 on #FFF2E41.08:1—
Aa #FFFFF0 on #E7FBEC1.07:1—

CSS variables

:root {
  --color-1: #ffe6e4; /* Pink Theory */
  --color-2: #fff2e4; /* Doeskin */
  --color-3: #fffff0; /* Ivory */
  --color-4: #f6ffe8; /* Milk Foam */
  --color-5: #e7fbec; /* Winter Mist */
}

Other schemes from Ivory

More White analogous palettes

Questions

What colors go with Ivory?

In a analogous scheme: Pink Theory (#FFE6E4), Doeskin (#FFF2E4), Milk Foam (#F6FFE8), Winter Mist (#E7FBEC).

What is the hex code of Ivory?

#FFFFF0.