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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caramel Essence | #E3AF64 | 227, 175, 100 | 35°, 69%, 64% | 0, 23, 56, 11 | |
| Simple Pleasures | #F1D8B2 | 241, 216, 178 | 36°, 69%, 82% | 0, 10, 26, 5 | |
| Guilliman Blue | #6495ED | 100, 149, 237 | 219°, 79%, 66% | 58, 37, 0, 7 | |
| Enchanting Sapphire | #276DD6 | 39, 109, 214 | 216°, 69%, 50% | 82, 49, 0, 16 | |
| Frost Fairy | #BBCFEF | 187, 207, 239 | 217°, 62%, 84% | 22, 13, 0, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1D8B2 on #276DD6 | 3.58:1 | AA large |
| Aa #276DD6 on #BBCFEF | 3.13:1 | AA large |
| Aa #E3AF64 on #276DD6 | 2.49:1 | — |
| Aa #F1D8B2 on #6495ED | 2.15:1 | — |
| Aa #6495ED on #BBCFEF | 1.88:1 | — |
| Aa #6495ED on #276DD6 | 1.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
- Caramel Essence Analogous Color Scheme#E96A97#E26D68#E3AF64#DDE26A#9AF764
- Caramel Essence Triadic Color Scheme#E3AF64#66EEAA#B36FF6#F3DDBC#2DD78D
- Caramel Essence Split-complementary Color Scheme#E3AF64#6CDAE7#6D68ED#DA8923#A3E3ED
- Caramel Essence Tetradic Color Scheme#E3AF64#64EB65#6495ED#E760D2#F3DDBC
- Caramel Essence Monochromatic Color Scheme#996515#DA8923#E3AF64#EED1A5#FAF3E6
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
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.