Twinkle Night Complementary Color Scheme

Five colors arranged by the complementary rule around Twinkle Night (#636CA8), each snapped to its nearest named color.

#636CA8

#9EA5C3

#A69D64

#797447

#CCC7A1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Twinkle Night	`#636CA8`	99, 108, 168	232°, 28%, 52%	41, 36, 0, 34
Wild Phlox	`#9EA5C3`	158, 165, 195	229°, 24%, 69%	19, 15, 0, 24
Acacia Tree	`#A69D64`	166, 157, 100	52°, 27%, 52%	0, 5, 40, 35
Fern Shade	`#797447`	121, 116, 71	54°, 26%, 38%	0, 4, 41, 53
Floating Lily Pad	`#CCC7A1`	204, 199, 161	53°, 30%, 72%	0, 2, 21, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #636CA8 on #CCC7A1	2.89:1	—
Aa #797447 on #CCC7A1	2.78:1	—
Aa #636CA8 on #9EA5C3	2.03:1	—
Aa #9EA5C3 on #797447	1.96:1	—
Aa #636CA8 on #A69D64	1.80:1	—
Aa #A69D64 on #797447	1.73:1	—

CSS variables

:root {
  --color-1: #636ca8; /* Twinkle Night */
  --color-2: #9ea5c3; /* Wild Phlox */
  --color-3: #a69d64; /* Acacia Tree */
  --color-4: #797447; /* Fern Shade */
  --color-5: #ccc7a1; /* Floating Lily Pad */
}

Other schemes from Twinkle Night

More Medium Blue complementary palettes

Questions

What colors go with Twinkle Night?

In a complementary scheme: Wild Phlox (#9EA5C3), Acacia Tree (#A69D64), Fern Shade (#797447), Floating Lily Pad (#CCC7A1).

What is the hex code of Twinkle Night?

#636CA8.