Grilled Complementary Color Scheme

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

#633F2E

#A5654A

#2E5464

#1B2632

#4B8CA9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Grilled	`#633F2E`	99, 63, 46	19°, 37%, 28%	0, 36, 54, 61
Toffee Glaze	`#A5654A`	165, 101, 74	18°, 38%, 47%	0, 39, 55, 35
Marea Baja	`#2E5464`	46, 84, 100	198°, 37%, 29%	54, 16, 0, 61
Abyssal Anchorfish Blue	`#1B2632`	27, 38, 50	211°, 30%, 15%	46, 24, 0, 80
Blue Chaise	`#4B8CA9`	75, 140, 169	199°, 39%, 48%	56, 17, 0, 34

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1B2632 on #4B8CA9	4.10:1	AA large
Aa #A5654A on #1B2632	3.33:1	AA large
Aa #633F2E on #4B8CA9	2.47:1	—
Aa #2E5464 on #4B8CA9	2.19:1	—
Aa #633F2E on #A5654A	2.00:1	—
Aa #2E5464 on #1B2632	1.87:1	—

CSS variables

:root {
  --color-1: #633f2e; /* Grilled */
  --color-2: #a5654a; /* Toffee Glaze */
  --color-3: #2e5464; /* Marea Baja */
  --color-4: #1b2632; /* Abyssal Anchorfish Blue */
  --color-5: #4b8ca9; /* Blue Chaise */
}

Other schemes from Grilled

More Dark Orange complementary palettes

Questions

What colors go with Grilled?

In a complementary scheme: Toffee Glaze (#A5654A), Marea Baja (#2E5464), Abyssal Anchorfish Blue (#1B2632), Blue Chaise (#4B8CA9).

What is the hex code of Grilled?

#633F2E.