When Layered Border amid Spanning

#a27633 RGB(162,118,51)

About this color

When Layered Border amid Spanning occupies the medium-dark, vivid end of the orange spectrum, defined by its coordinates #a27633 — RGB(162, 118, 51).

#a27633RGB(162, 118, 51)

HSL 36° · 52% saturation · 42% lightness

🧠

Psychology

Orange is the colour of creativity and enthusiasm — stimulating without the urgency of red.

🏛️

History

Orange as a distinct colour concept arrived in European languages relatively late — named after the fruit rather than the other way around.

✏️

Design use

This shade sits in a versatile middle ground — useful as interactive elements, tags, badges, and highlight states. It has enough saturation to register clearly without straining extended-reading contexts.

🎭

Colour pairings

When it comes to colour harmony, pair this orange with deep teal for bold contrast, or with warm sand and burnt umber for a palette that feels natural and grounded.

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

Color formats

Name
When Layered Border amid Spanning
HEX
#a27633
RGB
rgb(162,118,51)
RGB%
rgb(63.5%,46.3%,20%)
HSL
hsl(36,52%,42%)
HSV
hsv(36,69%,64%)
CMYK
cmyk(0,27,69,36)
LAB
lab(53,10,43)
LCH
lch(53,44,77)
sRGB
(0.635,0.463,0.2)
HEX8
#a27633ff
CSS Name
Decimal
162118051

Similar colors

Color variants

Color info

Lightness
42%
Saturation
52%
Hue
36°
Chroma
44
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share