Pineapple Complementary Color Scheme

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

#563C0D

#A17917

#112358

#01081C

#1150AF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pineapple	`#563C0D`	86, 60, 13	39°, 74%, 19%	0, 30, 85, 66
Nataneyu Gold	`#A17917`	161, 121, 23	43°, 75%, 36%	0, 25, 86, 37
Fibonacci Blue	`#112358`	17, 35, 88	225°, 68%, 21%	81, 60, 0, 65
Melanophobia	`#01081C`	1, 8, 28	224°, 93%, 6%	96, 71, 0, 89
Aarhusian Sky	`#1150AF`	17, 80, 175	216°, 82%, 38%	90, 54, 0, 31

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A17917 on #01081C	5.00:1	AA
Aa #A17917 on #112358	3.75:1	AA large
Aa #01081C on #1150AF	2.65:1	—
Aa #563C0D on #A17917	2.57:1	—
Aa #112358 on #1150AF	1.99:1	—
Aa #563C0D on #01081C	1.95:1	—

CSS variables

:root {
  --color-1: #563c0d; /* Pineapple */
  --color-2: #a17917; /* Nataneyu Gold */
  --color-3: #112358; /* Fibonacci Blue */
  --color-4: #01081c; /* Melanophobia */
  --color-5: #1150af; /* Aarhusian Sky */
}

Other schemes from Pineapple

More Very Dark Orange complementary palettes

Questions

What colors go with Pineapple?

In a complementary scheme: Nataneyu Gold (#A17917), Fibonacci Blue (#112358), Melanophobia (#01081C), Aarhusian Sky (#1150AF).

What is the hex code of Pineapple?

#563C0D.