Caramel Monochromatic Color Scheme

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

#1C1208

#674403

#AF6F09

#F79A12

#F9BB59

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Crowshead	`#1C1208`	28, 18, 8	30°, 56%, 7%	0, 36, 71, 89	19.2% 0.025 66
Violin Brown	`#674403`	103, 68, 3	39°, 94%, 21%	0, 34, 97, 60	41.6% 0.086 75
Caramel	`#AF6F09`	175, 111, 9	37°, 90%, 36%	0, 37, 95, 31	59.6% 0.127 69
DodgeRoll Gold	`#F79A12`	247, 154, 18	36°, 93%, 52%	0, 38, 93, 3	76.4% 0.166 67
Turbinado Sugar	`#F9BB59`	249, 187, 89	37°, 93%, 66%	0, 25, 64, 2	83.1% 0.134 76

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1C1208 on #F9BB59	10.78:1	AAA
Aa #1C1208 on #F79A12	8.41:1	AAA
Aa #674403 on #F9BB59	5.11:1	AA
Aa #1C1208 on #AF6F09	4.48:1	AA large
Aa #674403 on #F79A12	3.99:1	AA large
Aa #AF6F09 on #F9BB59	2.41:1	—

CSS variables

:root {
  --color-1: #1c1208; /* Crowshead */
  --color-2: #674403; /* Violin Brown */
  --color-3: #af6f09; /* Caramel */
  --color-4: #f79a12; /* DodgeRoll Gold */
  --color-5: #f9bb59; /* Turbinado Sugar */
}

Other schemes from Caramel

More dark orange monochromatic color schemes

Questions

What colors go with Caramel?

In a monochromatic scheme: Crowshead (#1C1208), Violin Brown (#674403), DodgeRoll Gold (#F79A12), Turbinado Sugar (#F9BB59).

What is the hex code of Caramel?

#AF6F09.