Molten Caramel Triadic Color Scheme

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

#BB7A39

#3BB773

#7737AA

#D9AE86

#298256

Color names and codes

Name	HEX	RGB	HSL	CMYK
Molten Caramel	`#BB7A39`	187, 122, 57	30°, 53%, 48%	0, 35, 70, 27
Ceramic Green	`#3BB773`	59, 183, 115	147°, 51%, 47%	68, 0, 37, 28
Shredder Lavender	`#7737AA`	119, 55, 170	273°, 51%, 44%	30, 68, 0, 33
Porcini	`#D9AE86`	217, 174, 134	29°, 52%, 69%	0, 20, 38, 15
Kākāriki Green	`#298256`	41, 130, 86	150°, 52%, 34%	68, 0, 34, 49

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7737AA on #D9AE86	3.55:1	AA large
Aa #3BB773 on #7737AA	2.82:1	—
Aa #D9AE86 on #298256	2.34:1	—
Aa #BB7A39 on #7737AA	2.05:1	—
Aa #3BB773 on #298256	1.86:1	—
Aa #BB7A39 on #D9AE86	1.74:1	—

CSS variables

:root {
  --color-1: #bb7a39; /* Molten Caramel */
  --color-2: #3bb773; /* Ceramic Green */
  --color-3: #7737aa; /* Shredder Lavender */
  --color-4: #d9ae86; /* Porcini */
  --color-5: #298256; /* Kākāriki Green */
}

Other schemes from Molten Caramel

#BB7A39
#D7A97C
#387ABE
#2D5384
#84ADDB
Molten Caramel Complementary Color Scheme
#B73879
#BC393B
#BB7A39
#BDBF35
#7BB92B
Molten Caramel Analogous Color Scheme
#BB7A39
#3FBABD
#2F36BA
#80502B
#6ACED4
Molten Caramel Split-complementary Color Scheme
#BB7A39
#34B334
#387ABE
#B13AAD
#D9AE86
Molten Caramel Tetradic Color Scheme
#4D3113
#80502B
#BB7A39
#D2A172
#E6C8A9
Molten Caramel Monochromatic Color Scheme

More Medium Orange triadic palettes

Questions

What colors go with Molten Caramel?

In a triadic scheme: Ceramic Green (#3BB773), Shredder Lavender (#7737AA), Porcini (#D9AE86), Kākāriki Green (#298256).

What is the hex code of Molten Caramel?

#BB7A39.