Opalescent Beam with Cascading

#f7dc66 RGB(247,220,102)

About this color

Opalescent Beam with Cascading carries its coordinates at #f7dc66: a light yellow with intense saturation.

#f7dc66RGB(247, 220, 102)

HSL 49° · 90% saturation · 68% lightness

🧠

Psychology

A pale yellow is one of the least aggressive hues — readable as cautious positivity or soft illumination.

🏛️

History

Gold — the ultimate yellow — has been associated with divine authority across cultures from ancient Egypt to Byzantium to the Inca empire.

✏️

Design use

With its high lightness, this tone is ideal as page backgrounds, input fields, and hover states — contexts where colour informs rather than dominates. Pair with deeper tones of the same family for clear visual hierarchy.

🎭

Colour pairings

For palette building, yellow's complementary is violet — a pairing that feels both surprising and resolved. For a softer approach, yellows work well with warm greys, natural linens, and ochres.

⚖️ Contrast checker👁 Colour blindness🌈 Gradient🎨 Colour mixer

Color Categories

Color formats

Name
Opalescent Beam with Cascading
HEX
#f7dc66
RGB
rgb(247,220,102)
RGB%
rgb(96.9%,86.3%,40%)
HSL
hsl(49,90%,68%)
HSV
hsv(49,59%,97%)
CMYK
cmyk(0,11,59,3)
LAB
lab(88,-4,60)
LCH
lch(88,60,94)
sRGB
(0.969,0.863,0.4)
HEX8
#f7dc66ff
CSS Name
Decimal
247220102

Similar colors

Color variants

Color info

Lightness
68%
Saturation
90%
Hue
49°
Chroma
60
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share