Drip Coffee Complementary Color Scheme

Five colors arranged by the complementary rule around Drip Coffee (#7A280A), each snapped to its nearest named color.

#7A280A

#CC4411

#0B597C

#012731

#16A3CB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Drip Coffee	`#7A280A`	122, 40, 10	16°, 85%, 26%	0, 67, 92, 52
Fire Bolt	`#CC4411`	204, 68, 17	16°, 85%, 43%	0, 67, 92, 20
Commandes	`#0B597C`	11, 89, 124	199°, 84%, 26%	91, 28, 0, 51
Daintree	`#012731`	1, 39, 49	192°, 96%, 10%	98, 20, 0, 81
Charybdis	`#16A3CB`	22, 163, 203	193°, 80%, 44%	89, 20, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #012731 on #16A3CB	5.34:1	AA
Aa #7A280A on #16A3CB	3.34:1	AA large
Aa #CC4411 on #012731	3.30:1	AA large
Aa #0B597C on #16A3CB	2.61:1	—
Aa #7A280A on #CC4411	2.06:1	—
Aa #0B597C on #012731	2.05:1	—

CSS variables

:root {
  --color-1: #7a280a; /* Drip Coffee */
  --color-2: #cc4411; /* Fire Bolt */
  --color-3: #0b597c; /* Commandes */
  --color-4: #012731; /* Daintree */
  --color-5: #16a3cb; /* Charybdis */
}

Other schemes from Drip Coffee

More Dark Orange complementary palettes

Questions

What colors go with Drip Coffee?

In a complementary scheme: Fire Bolt (#CC4411), Commandes (#0B597C), Daintree (#012731), Charybdis (#16A3CB).

What is the hex code of Drip Coffee?

#7A280A.