COLOR
#F2EDAB
≈ Sailor Moonlight
Values · copy any
On white
Aa
1.20:1
Fails AA
On black
Aa
14.56:1
Passes AAA
Best text on this color
Aa#1C1916(14.56:1)
Adjust & explore
drag the picker or wheel — values & harmonies update livePicker · drag to explore
Harmonies · live
Colour-blindness preview
Normal vision#F2EDAB
Protanopia#F9E8A7
Deuteranopia#FBECAD
Tritanopia#FCE4DC
Tints & shades
Color harmonies
Open in scheme generator →Palettes with this color
Colors that go with Sailor Moonlight
Sailor Moonlight sits in the yellow family. Pair it with charcoal or deep purple for contrast, or soft grey to calm it down, or lean into its harmonies below for a ready-made scheme.
Closest named, CSS & systems
Colour nameSailor Moonlight#F6F1A9ΔE 1.4CSS namePalegoldenrod#EEE8AAΔE 1.3Web-safe#FFFFCC#FFFFCCΔE 5.2
Pantone & RAL matches are coming soon — those libraries aren't openly licensed for redistribution.
Sailor Moonlight — meaning & where to use it
Sailor Moonlight is a light, airy yellow — it reads as optimistic, bright and cheerful. It's a natural fit for highlights, warnings, and youthful, upbeat brand moments. To keep it balanced, pair it with charcoal or deep purple for contrast, or soft grey to calm it down.
Share image
Download image1200×1500 — sized for Pinterest, Instagram & social sharing. Free to download and use.