Puma Complementary Color Scheme

Five colors arranged by the complementary rule around Puma (#96711C), each snapped to its nearest named color.

#96711C

#DBA637

#114499

#112358

#276DD6

Color names and codes

Name	HEX	RGB	HSL	CMYK
Puma	`#96711C`	150, 113, 28	42°, 69%, 35%	0, 25, 81, 41
Sunny Disposition	`#DBA637`	219, 166, 55	41°, 69%, 54%	0, 24, 75, 14
Space Explorer	`#114499`	17, 68, 153	218°, 80%, 33%	89, 56, 0, 40
Fibonacci Blue	`#112358`	17, 35, 88	225°, 68%, 21%	81, 60, 0, 65
Enchanting Sapphire	`#276DD6`	39, 109, 214	216°, 69%, 50%	82, 49, 0, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #DBA637 on #112358	6.78:1	AA
Aa #DBA637 on #114499	4.12:1	AA large
Aa #96711C on #112358	3.33:1	AA large
Aa #112358 on #276DD6	3.02:1	AA large
Aa #DBA637 on #276DD6	2.24:1	—
Aa #96711C on #DBA637	2.04:1	—

CSS variables

:root {
  --color-1: #96711c; /* Puma */
  --color-2: #dba637; /* Sunny Disposition */
  --color-3: #114499; /* Space Explorer */
  --color-4: #112358; /* Fibonacci Blue */
  --color-5: #276dd6; /* Enchanting Sapphire */
}

Other schemes from Puma

More Dark Orange complementary palettes

Questions

What colors go with Puma?

In a complementary scheme: Sunny Disposition (#DBA637), Space Explorer (#114499), Fibonacci Blue (#112358), Enchanting Sapphire (#276DD6).

What is the hex code of Puma?

#96711C.