Huebook

Bookworm Analogous Color Scheme

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

#ECDEE5
#ECDFDF
#EBE3DE
#ECE9DD
#E4ECDF

Color names and codes

NameHEXRGBHSLCMYK
Weak Pink#ECDEE5236, 222, 229330°, 27%, 90%0, 6, 3, 7
Crystallise#ECDFDF236, 223, 2230°, 25%, 90%0, 6, 6, 7
Bookworm#EBE3DE235, 227, 22223°, 25%, 90%0, 3, 6, 8
Swallow-Tailed Moth#ECE9DD236, 233, 22148°, 28%, 90%0, 1, 6, 7
Window Pane#E4ECDF228, 236, 22397°, 25%, 90%3, 0, 6, 7

Which pairs work for text

Text on backgroundContrastWCAG
Aa #ECDEE5 on #E4ECDF1.08:1—
Aa #ECDFDF on #E4ECDF1.07:1—
Aa #ECDEE5 on #ECE9DD1.07:1—
Aa #ECDFDF on #ECE9DD1.07:1—
Aa #EBE3DE on #E4ECDF1.05:1—
Aa #EBE3DE on #ECE9DD1.04:1—

CSS variables

:root {
  --color-1: #ecdee5; /* Weak Pink */
  --color-2: #ecdfdf; /* Crystallise */
  --color-3: #ebe3de; /* Bookworm */
  --color-4: #ece9dd; /* Swallow-Tailed Moth */
  --color-5: #e4ecdf; /* Window Pane */
}

Other schemes from Bookworm

More Very Light Orange analogous palettes

Questions

What colors go with Bookworm?

In a analogous scheme: Weak Pink (#ECDEE5), Crystallise (#ECDFDF), Swallow-Tailed Moth (#ECE9DD), Window Pane (#E4ECDF).

What is the hex code of Bookworm?

#EBE3DE.