Caramel Essence Triadic Color Scheme

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

#E3AF64

#66EEAA

#B36FF6

#F3DDBC

#2DD78D

Color names and codes

Name	HEX	RGB	HSL	CMYK
Caramel Essence	`#E3AF64`	227, 175, 100	35°, 69%, 64%	0, 23, 56, 11
Screen Glow	`#66EEAA`	102, 238, 170	150°, 80%, 67%	57, 0, 29, 7
Queer Purple	`#B36FF6`	179, 111, 246	270°, 88%, 70%	27, 55, 0, 4
Spinning Silk	`#F3DDBC`	243, 221, 188	36°, 70%, 85%	0, 9, 23, 5
Envy’s Love	`#2DD78D`	45, 215, 141	154°, 68%, 51%	79, 0, 34, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B36FF6 on #F3DDBC	2.44:1	—
Aa #66EEAA on #B36FF6	2.20:1	—
Aa #B36FF6 on #2DD78D	1.72:1	—
Aa #E3AF64 on #B36FF6	1.62:1	—
Aa #E3AF64 on #F3DDBC	1.50:1	—
Aa #F3DDBC on #2DD78D	1.42:1	—

CSS variables

:root {
  --color-1: #e3af64; /* Caramel Essence */
  --color-2: #66eeaa; /* Screen Glow */
  --color-3: #b36ff6; /* Queer Purple */
  --color-4: #f3ddbc; /* Spinning Silk */
  --color-5: #2dd78d; /* Envy’s Love */
}

Other schemes from Caramel Essence

#E3AF64
#F1D8B2
#6495ED
#276DD6
#BBCFEF
Caramel Essence Complementary Color Scheme
#E96A97
#E26D68
#E3AF64
#DDE26A
#9AF764
Caramel Essence Analogous Color Scheme
#E3AF64
#6CDAE7
#6D68ED
#DA8923
#A3E3ED
Caramel Essence Split-complementary Color Scheme
#E3AF64
#64EB65
#6495ED
#E760D2
#F3DDBC
Caramel Essence Tetradic Color Scheme
#996515
#DA8923
#E3AF64
#EED1A5
#FAF3E6
Caramel Essence Monochromatic Color Scheme

More Light Orange triadic palettes

Questions

What colors go with Caramel Essence?

In a triadic scheme: Screen Glow (#66EEAA), Queer Purple (#B36FF6), Spinning Silk (#F3DDBC), Envy’s Love (#2DD78D).

What is the hex code of Caramel Essence?

#E3AF64.