Caramel Complementary Color Scheme

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

#AF6F09

#E8A320

#0047AB

#032A62

#247AFD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Caramel	`#AF6F09`	175, 111, 9	37°, 90%, 36%	0, 37, 95, 31
Orange Sulphur	`#E8A320`	232, 163, 32	39°, 81%, 52%	0, 30, 86, 9
Soulstone Blue	`#0047AB`	0, 71, 171	215°, 100%, 34%	100, 58, 0, 33
Blue Leviathan	`#032A62`	3, 42, 98	215°, 94%, 20%	97, 57, 0, 62
Clear Blue	`#247AFD`	36, 122, 253	216°, 98%, 57%	86, 52, 0, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E8A320 on #032A62	6.41:1	AA
Aa #E8A320 on #0047AB	3.89:1	AA large
Aa #032A62 on #247AFD	3.49:1	AA large
Aa #AF6F09 on #032A62	3.37:1	AA large
Aa #0047AB on #247AFD	2.12:1	—
Aa #AF6F09 on #0047AB	2.05:1	—

CSS variables

:root {
  --color-1: #af6f09; /* Caramel */
  --color-2: #e8a320; /* Orange Sulphur */
  --color-3: #0047ab; /* Soulstone Blue */
  --color-4: #032a62; /* Blue Leviathan */
  --color-5: #247afd; /* Clear Blue */
}

Other schemes from Caramel

More Dark Orange complementary palettes

Questions

What colors go with Caramel?

In a complementary scheme: Orange Sulphur (#E8A320), Soulstone Blue (#0047AB), Blue Leviathan (#032A62), Clear Blue (#247AFD).

What is the hex code of Caramel?

#AF6F09.