Garfield Tetradic Color Scheme

Five colors arranged by the tetradic rule around Garfield (#A75429), each snapped to its nearest named color.

#A75429

#2BA727

#2B7DA6

#9A2CA0

#DB8959

Color names and codes

Name	HEX	RGB	HSL	CMYK
Garfield	`#A75429`	167, 84, 41	20°, 61%, 41%	0, 50, 75, 35
Dry Highlighter Green	`#2BA727`	43, 167, 39	118°, 62%, 40%	74, 0, 77, 35
Prominent Blue	`#2B7DA6`	43, 125, 166	200°, 59%, 41%	74, 25, 0, 35
Purple Ink	`#9A2CA0`	154, 44, 160	297°, 57%, 40%	4, 72, 0, 37
Late Bloomer	`#DB8959`	219, 137, 89	22°, 64%, 60%	0, 37, 59, 14

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9A2CA0 on #DB8959	2.39:1	—
Aa #2BA727 on #9A2CA0	2.05:1	—
Aa #A75429 on #DB8959	1.96:1	—
Aa #A75429 on #2BA727	1.69:1	—
Aa #2B7DA6 on #DB8959	1.69:1	—
Aa #2BA727 on #2B7DA6	1.45:1	—

CSS variables

:root {
  --color-1: #a75429; /* Garfield */
  --color-2: #2ba727; /* Dry Highlighter Green */
  --color-3: #2b7da6; /* Prominent Blue */
  --color-4: #9a2ca0; /* Purple Ink */
  --color-5: #db8959; /* Late Bloomer */
}

Other schemes from Garfield

More Medium Orange tetradic palettes

Questions

What colors go with Garfield?

In a tetradic scheme: Dry Highlighter Green (#2BA727), Prominent Blue (#2B7DA6), Purple Ink (#9A2CA0), Late Bloomer (#DB8959).

What is the hex code of Garfield?

#A75429.