Pineapple Monochromatic Color Scheme

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

#1C1208

#563C0D

#986E19

#DA9A21

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Crowshead	`#1C1208`	28, 18, 8	30°, 56%, 7%	0, 36, 71, 89	19.2% 0.025 66
Crowshead	`#1C1208`	28, 18, 8	30°, 56%, 7%	0, 36, 71, 89	19.2% 0.025 66
Pineapple	`#563C0D`	86, 60, 13	39°, 74%, 19%	0, 30, 85, 66	37.7% 0.070 78
Chamois Yellow	`#986E19`	152, 110, 25	40°, 72%, 35%	0, 28, 84, 40	56.7% 0.109 80
New England Autumn	`#DA9A21`	218, 154, 33	39°, 74%, 49%	0, 29, 85, 15	73.0% 0.144 77

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1C1208 on #DA9A21	7.57:1	AAA
Aa #1C1208 on #DA9A21	7.57:1	AAA
Aa #563C0D on #DA9A21	4.21:1	AA large
Aa #1C1208 on #986E19	4.02:1	AA large
Aa #1C1208 on #986E19	4.02:1	AA large
Aa #563C0D on #986E19	2.24:1	—

CSS variables

:root {
  --color-1: #1c1208; /* Crowshead */
  --color-2: #1c1208; /* Crowshead */
  --color-3: #563c0d; /* Pineapple */
  --color-4: #986e19; /* Chamois Yellow */
  --color-5: #da9a21; /* New England Autumn */
}

Other schemes from Pineapple

More very dark orange monochromatic color schemes

Questions

What colors go with Pineapple?

In a monochromatic scheme: Crowshead (#1C1208), Crowshead (#1C1208), Chamois Yellow (#986E19), New England Autumn (#DA9A21).

What is the hex code of Pineapple?

#563C0D.