Celestial Complementary Color Scheme

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

#007894

#00CCEE

#991B07

#441100

#FA2B00

Color names and codes

Name	HEX	RGB	HSL	CMYK
Celestial	`#007894`	0, 120, 148	191°, 100%, 29%	100, 19, 0, 42
Picnic Day Sky	`#00CCEE`	0, 204, 238	189°, 100%, 47%	100, 14, 0, 7
Totem Pole	`#991B07`	153, 27, 7	8°, 91%, 31%	0, 82, 95, 40
Black Chocolate	`#441100`	68, 17, 0	15°, 100%, 13%	0, 75, 100, 73
Jasper Red	`#FA2B00`	250, 43, 0	10°, 100%, 49%	0, 83, 100, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00CCEE on #441100	8.20:1	AAA
Aa #00CCEE on #991B07	4.32:1	AA large
Aa #441100 on #FA2B00	4.08:1	AA large
Aa #007894 on #441100	3.10:1	AA large
Aa #007894 on #00CCEE	2.64:1	—
Aa #991B07 on #FA2B00	2.15:1	—

CSS variables

:root {
  --color-1: #007894; /* Celestial */
  --color-2: #00ccee; /* Picnic Day Sky */
  --color-3: #991b07; /* Totem Pole */
  --color-4: #441100; /* Black Chocolate */
  --color-5: #fa2b00; /* Jasper Red */
}

Other schemes from Celestial

More Dark Teal complementary palettes

Questions

What colors go with Celestial?

In a complementary scheme: Picnic Day Sky (#00CCEE), Totem Pole (#991B07), Black Chocolate (#441100), Jasper Red (#FA2B00).

What is the hex code of Celestial?

#007894.