Huebook

Light Yellow Triadic Color Scheme

Five colors arranged by the triadic rule around Light Yellow (#FFFE7A), each snapped to its nearest named color.

#FFFE7A
#73FDFF
#FF77FF
#FFFFE0
#33FFFF

Color names and codes

NameHEXRGBHSLCMYK
Light Yellow#FFFE7A255, 254, 12260°, 100%, 74%0, 0, 52, 0
Ancient Ice#73FDFF115, 253, 255181°, 100%, 73%55, 1, 0, 0
Fuchsia Pink#FF77FF255, 119, 255300°, 100%, 73%0, 53, 0, 0
Winter Duvet#FFFFE0255, 255, 22460°, 100%, 94%0, 0, 12, 0
Beaming Blue#33FFFF51, 255, 255180°, 100%, 60%80, 0, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF77FF on #FFFFE02.21:1—
Aa #FFFE7A on #FF77FF2.11:1—
Aa #73FDFF on #FF77FF1.85:1—
Aa #FF77FF on #33FFFF1.81:1—
Aa #FFFFE0 on #33FFFF1.22:1—
Aa #73FDFF on #FFFFE01.20:1—

CSS variables

:root {
  --color-1: #fffe7a; /* Light Yellow */
  --color-2: #73fdff; /* Ancient Ice */
  --color-3: #ff77ff; /* Fuchsia Pink */
  --color-4: #ffffe0; /* Winter Duvet */
  --color-5: #33ffff; /* Beaming Blue */
}

Other schemes from Light Yellow

More Light Yellow triadic palettes

Questions

What colors go with Light Yellow?

In a triadic scheme: Ancient Ice (#73FDFF), Fuchsia Pink (#FF77FF), Winter Duvet (#FFFFE0), Beaming Blue (#33FFFF).

What is the hex code of Light Yellow?

#FFFE7A.