Huebook

Sailor Moonlight Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Sailor Moonlight (#F6F1A9), each snapped to its nearest named color.

#F6F1A9
#A1D5F1
#CEAEFA
#EBE667
#E8F5FC

Color names and codes

NameHEXRGBHSLCMYK
Sailor Moonlight#F6F1A9246, 241, 16956°, 81%, 81%0, 2, 31, 4
Juzcar Blue#A1D5F1161, 213, 241201°, 74%, 79%33, 12, 0, 5
Teasel Dipsacus#CEAEFA206, 174, 250265°, 88%, 83%18, 30, 0, 2
Celandine#EBE667235, 230, 10358°, 77%, 66%0, 2, 56, 8
Kodama White#E8F5FC232, 245, 252201°, 77%, 95%8, 3, 0, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CEAEFA on #E8F5FC1.71:1—
Aa #F6F1A9 on #CEAEFA1.63:1—
Aa #CEAEFA on #EBE6671.45:1—
Aa #A1D5F1 on #E8F5FC1.42:1—
Aa #F6F1A9 on #A1D5F11.36:1—
Aa #A1D5F1 on #EBE6671.21:1—

CSS variables

:root {
  --color-1: #f6f1a9; /* Sailor Moonlight */
  --color-2: #a1d5f1; /* Juzcar Blue */
  --color-3: #ceaefa; /* Teasel Dipsacus */
  --color-4: #ebe667; /* Celandine */
  --color-5: #e8f5fc; /* Kodama White */
}

Other schemes from Sailor Moonlight

More Very Light Yellow split-complementary palettes

Questions

What colors go with Sailor Moonlight?

In a split-complementary scheme: Juzcar Blue (#A1D5F1), Teasel Dipsacus (#CEAEFA), Celandine (#EBE667), Kodama White (#E8F5FC).

What is the hex code of Sailor Moonlight?

#F6F1A9.