Huebook

Caramel Analogous Color Scheme

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

#B0054B
#B21807
#AF6F09
#9AAE07
#44AA11

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Purplish Red#B0054B176, 5, 75335°, 94%, 35%0, 97, 57, 3148.7% 0.193 8
Tomato Sauce#B21807178, 24, 76°, 92%, 36%0, 87, 96, 3048.9% 0.188 30
Caramel#AF6F09175, 111, 937°, 90%, 36%0, 37, 95, 3159.6% 0.127 69
Elysia Chlorotica#9AAE07154, 174, 767°, 92%, 35%11, 0, 96, 3271.0% 0.164 118
Botanical Garden#44AA1168, 170, 17100°, 82%, 37%60, 0, 90, 3365.2% 0.198 139

Which pairs work for text

Text on backgroundContrastWCAG
Aa #B0054B on #9AAE072.84:1—
Aa #B21807 on #9AAE072.79:1—
Aa #B0054B on #44AA112.36:1—
Aa #B21807 on #44AA112.31:1—
Aa #B0054B on #AF6F091.72:1—
Aa #B21807 on #AF6F091.69:1—

CSS variables

:root {
  --color-1: #b0054b; /* Purplish Red */
  --color-2: #b21807; /* Tomato Sauce */
  --color-3: #af6f09; /* Caramel */
  --color-4: #9aae07; /* Elysia Chlorotica */
  --color-5: #44aa11; /* Botanical Garden */
}

Other schemes from Caramel

More dark orange analogous color schemes

Questions

What colors go with Caramel?

In a analogous scheme: Purplish Red (#B0054B), Tomato Sauce (#B21807), Elysia Chlorotica (#9AAE07), Botanical Garden (#44AA11).

What is the hex code of Caramel?

#AF6F09.