Huebook

Caramel Essence Complementary Color Scheme

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

#E3AF64
#F1D8B2
#6495ED
#276DD6
#BBCFEF

Color names and codes

NameHEXRGBHSLCMYK
Caramel Essence#E3AF64227, 175, 10035°, 69%, 64%0, 23, 56, 11
Simple Pleasures#F1D8B2241, 216, 17836°, 69%, 82%0, 10, 26, 5
Guilliman Blue#6495ED100, 149, 237219°, 79%, 66%58, 37, 0, 7
Enchanting Sapphire#276DD639, 109, 214216°, 69%, 50%82, 49, 0, 16
Frost Fairy#BBCFEF187, 207, 239217°, 62%, 84%22, 13, 0, 6

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F1D8B2 on #276DD63.58:1AA large
Aa #276DD6 on #BBCFEF3.13:1AA large
Aa #E3AF64 on #276DD62.49:1—
Aa #F1D8B2 on #6495ED2.15:1—
Aa #6495ED on #BBCFEF1.88:1—
Aa #6495ED on #276DD61.66:1—

CSS variables

:root {
  --color-1: #e3af64; /* Caramel Essence */
  --color-2: #f1d8b2; /* Simple Pleasures */
  --color-3: #6495ed; /* Guilliman Blue */
  --color-4: #276dd6; /* Enchanting Sapphire */
  --color-5: #bbcfef; /* Frost Fairy */
}

Other schemes from Caramel Essence

More Light Orange complementary palettes

Questions

What colors go with Caramel Essence?

In a complementary scheme: Simple Pleasures (#F1D8B2), Guilliman Blue (#6495ED), Enchanting Sapphire (#276DD6), Frost Fairy (#BBCFEF).

What is the hex code of Caramel Essence?

#E3AF64.