Huebook

Northern Star Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Northern Star (#FFFFEA), each snapped to its nearest named color.

#FFFFEA
#E8F5FC
#F0EBFC
#FFFF99
#E8F5FC

Color names and codes

NameHEXRGBHSLCMYK
Northern Star#FFFFEA255, 255, 23460°, 100%, 96%0, 0, 8, 0
Kodama White#E8F5FC232, 245, 252201°, 77%, 95%8, 3, 0, 1
Placebo Purple#F0EBFC240, 235, 252258°, 74%, 95%5, 7, 0, 1
Sunburst Yellow#FFFF99255, 255, 15360°, 100%, 80%0, 0, 40, 0
Kodama White#E8F5FC232, 245, 252201°, 77%, 95%8, 3, 0, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFFFEA on #F0EBFC1.15:1—
Aa #F0EBFC on #FFFF991.11:1—
Aa #FFFFEA on #E8F5FC1.10:1—
Aa #FFFFEA on #E8F5FC1.10:1—
Aa #E8F5FC on #FFFF991.06:1—
Aa #FFFF99 on #E8F5FC1.06:1—

CSS variables

:root {
  --color-1: #ffffea; /* Northern Star */
  --color-2: #e8f5fc; /* Kodama White */
  --color-3: #f0ebfc; /* Placebo Purple */
  --color-4: #ffff99; /* Sunburst Yellow */
  --color-5: #e8f5fc; /* Kodama White */
}

Other schemes from Northern Star

More Very Light Yellow split-complementary palettes

Questions

What colors go with Northern Star?

In a split-complementary scheme: Kodama White (#E8F5FC), Placebo Purple (#F0EBFC), Sunburst Yellow (#FFFF99), Kodama White (#E8F5FC).

What is the hex code of Northern Star?

#FFFFEA.