Caramel Tetradic Color Scheme

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

#AF6F09

#15B01A

#0047AB

#A00498

#FBA52E

Color names and codes

Name	HEX	RGB	HSL	CMYK
Caramel	`#AF6F09`	175, 111, 9	37°, 90%, 36%	0, 37, 95, 31
Pikkoro Green	`#15B01A`	21, 176, 26	122°, 79%, 39%	88, 0, 85, 31
Soulstone Blue	`#0047AB`	0, 71, 171	215°, 100%, 34%	100, 58, 0, 33
Barney Purple	`#A00498`	160, 4, 152	303°, 95%, 32%	0, 98, 5, 37
Carona	`#FBA52E`	251, 165, 46	35°, 96%, 58%	0, 34, 82, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0047AB on #FBA52E	4.23:1	AA large
Aa #A00498 on #FBA52E	3.55:1	AA large
Aa #15B01A on #0047AB	2.92:1	—
Aa #15B01A on #A00498	2.45:1	—
Aa #AF6F09 on #FBA52E	2.06:1	—
Aa #AF6F09 on #0047AB	2.05:1	—

CSS variables

:root {
  --color-1: #af6f09; /* Caramel */
  --color-2: #15b01a; /* Pikkoro Green */
  --color-3: #0047ab; /* Soulstone Blue */
  --color-4: #a00498; /* Barney Purple */
  --color-5: #fba52e; /* Carona */
}

Other schemes from Caramel

More Dark Orange tetradic palettes

Questions

What colors go with Caramel?

In a tetradic scheme: Pikkoro Green (#15B01A), Soulstone Blue (#0047AB), Barney Purple (#A00498), Carona (#FBA52E).

What is the hex code of Caramel?

#AF6F09.