Caramelise Complementary Color Scheme

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

#D58A37

#E5B584

#3D8ED0

#265C98

#93B8E3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Caramelise	`#D58A37`	213, 138, 55	32°, 65%, 53%	0, 35, 74, 16
Bundle of Wheat	`#E5B584`	229, 181, 132	30°, 65%, 71%	0, 21, 42, 10
Magical Merlin	`#3D8ED0`	61, 142, 208	207°, 61%, 53%	71, 32, 0, 18
Beacon Blue	`#265C98`	38, 92, 152	212°, 60%, 37%	75, 39, 0, 40
Adrift on the Nile	`#93B8E3`	147, 184, 227	212°, 59%, 73%	35, 19, 0, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E5B584 on #265C98	3.68:1	AA large
Aa #265C98 on #93B8E3	3.33:1	AA large
Aa #D58A37 on #265C98	2.45:1	—
Aa #3D8ED0 on #265C98	1.95:1	—
Aa #E5B584 on #3D8ED0	1.89:1	—
Aa #3D8ED0 on #93B8E3	1.71:1	—

CSS variables

:root {
  --color-1: #d58a37; /* Caramelise */
  --color-2: #e5b584; /* Bundle of Wheat */
  --color-3: #3d8ed0; /* Magical Merlin */
  --color-4: #265c98; /* Beacon Blue */
  --color-5: #93b8e3; /* Adrift on the Nile */
}

Other schemes from Caramelise

More Medium Orange complementary palettes

Questions

What colors go with Caramelise?

In a complementary scheme: Bundle of Wheat (#E5B584), Magical Merlin (#3D8ED0), Beacon Blue (#265C98), Adrift on the Nile (#93B8E3).

What is the hex code of Caramelise?

#D58A37.