Khaki (CSS) Complementary Color Scheme

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

#F0E68C

#F9F7DE

#8F99FB

#4455EE

#E6E8FA

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Khaki (CSS)	`#F0E68C`	240, 230, 140	54°, 77%, 75%	0, 4, 42, 6	91.3% 0.112 103
Chilean Heath	`#F9F7DE`	249, 247, 222	56°, 69%, 92%	0, 1, 11, 2	97.1% 0.033 103
Periwinkle Blue	`#8F99FB`	143, 153, 251	234°, 93%, 77%	43, 39, 0, 2	71.6% 0.142 278
Qing Dynasty Dragon	`#4455EE`	68, 85, 238	234°, 83%, 60%	71, 64, 0, 7	53.6% 0.228 271
Glitter	`#E6E8FA`	230, 232, 250	234°, 67%, 94%	8, 7, 0, 2	93.5% 0.024 281

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F9F7DE on #4455EE	5.13:1	AA
Aa #4455EE on #E6E8FA	4.57:1	AA
Aa #F0E68C on #4455EE	4.34:1	AA large
Aa #F9F7DE on #8F99FB	2.39:1	—
Aa #8F99FB on #4455EE	2.15:1	—
Aa #8F99FB on #E6E8FA	2.13:1	—

CSS variables

:root {
  --color-1: #f0e68c; /* Khaki (CSS) */
  --color-2: #f9f7de; /* Chilean Heath */
  --color-3: #8f99fb; /* Periwinkle Blue */
  --color-4: #4455ee; /* Qing Dynasty Dragon */
  --color-5: #e6e8fa; /* Glitter */
}

Other schemes from Khaki (CSS)

More light yellow complementary color schemes

Questions

What colors go with Khaki (CSS)?

In a complementary scheme: Chilean Heath (#F9F7DE), Periwinkle Blue (#8F99FB), Qing Dynasty Dragon (#4455EE), Glitter (#E6E8FA).

What is the hex code of Khaki (CSS)?

#F0E68C.