Pineapple Analogous Color Scheme

Five colors arranged by the analogous rule around Pineapple (#563C0D), each snapped to its nearest named color.

#550022

#4E1609

#563C0D

#415A09

#225511

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fig Balsamic	`#550022`	85, 0, 34	336°, 100%, 17%	0, 100, 60, 67
French Puce	`#4E1609`	78, 22, 9	11°, 79%, 17%	0, 72, 88, 69
Pineapple	`#563C0D`	86, 60, 13	39°, 74%, 19%	0, 30, 85, 66
Lustrian Undergrowth	`#415A09`	65, 90, 9	79°, 82%, 19%	28, 0, 90, 65
Patch of Land	`#225511`	34, 85, 17	105°, 67%, 20%	60, 0, 80, 67

Which pairs work for text

Text on background	Contrast	WCAG
Aa #550022 on #415A09	1.91:1	—
Aa #4E1609 on #415A09	1.87:1	—
Aa #550022 on #225511	1.69:1	—
Aa #4E1609 on #225511	1.65:1	—
Aa #550022 on #563C0D	1.45:1	—
Aa #4E1609 on #563C0D	1.42:1	—

CSS variables

:root {
  --color-1: #550022; /* Fig Balsamic */
  --color-2: #4e1609; /* French Puce */
  --color-3: #563c0d; /* Pineapple */
  --color-4: #415a09; /* Lustrian Undergrowth */
  --color-5: #225511; /* Patch of Land */
}

Other schemes from Pineapple

More Very Dark Orange analogous palettes

Questions

What colors go with Pineapple?

In a analogous scheme: Fig Balsamic (#550022), French Puce (#4E1609), Lustrian Undergrowth (#415A09), Patch of Land (#225511).

What is the hex code of Pineapple?

#563C0D.