The Toasted Border alongside Guarding

#9fa630 RGB(159,166,48)

About this color

The Toasted Border alongside Guarding carries its coordinates at #9fa630: a medium-dark yellow with vivid saturation.

#9fa630RGB(159, 166, 48)

HSL 64° · 55% saturation · 42% lightness

🧠

Psychology

Mid yellow is simultaneously cheerful and attention-grabbing — used where things need to be noticed.

🏛️

History

Indian Yellow, a pigment used in Mughal miniature painting, was produced from the urine of mango-fed cows — an extraordinary material history hidden behind a simple hue.

✏️

Design use

Practically, this medium-dark yellow is comfortable as accent colours, call-to-action buttons, and icon fills — it holds its own without overwhelming adjacent elements. Always check WCAG contrast ratios before using it under or over text.

🎭

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
The Toasted Border alongside Guarding
HEX
#9fa630
RGB
rgb(159,166,48)
RGB%
rgb(62.4%,65.1%,18.8%)
HSL
hsl(64,55%,42%)
HSV
hsv(64,71%,65%)
CMYK
cmyk(4,0,71,35)
LAB
lab(66,-17,57)
LCH
lch(66,59,107)
sRGB
(0.624,0.651,0.188)
HEX8
#9fa630ff
CSS Name
Decimal
159166048

Similar colors

Color variants

Color info

Lightness
42%
Saturation
55%
Hue
64°
Chroma
59
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share