Old Gold

HEX: #CFB53B | Modern Palette

On White
2.03:1
FAIL
On Black
10.33:1
PASS

Color Specifications

HEX
#CFB53B
RGB
207, 181, 59
HSL
49°, 60% ,52%
CMYK
0, 13, 71, 19

About Old Gold

Old Gold (#CFB53B) is a color with RGB(207, 181, 59) and HSL(49.5°, 60.7%, 52.2%). In design, it fits Warm styles and is suitable for Text, Button, Accent. Its complementary color is #3B55CF, which creates strong contrast. Its triadic palette includes #3BCFB5 and #B53BCF. The name comes from Old Gold (English).

  • HEX: #CFB53B
  • RGB: 207, 181, 59
  • HSL: 49.5°, 60.7%, 52.2%
  • Style: Warm
  • Use case: Text, Button, Accent
  • Complementary color: #3B55CF
  • Triadic colors: #3BCFB5, #B53BCF
  • The name comes from Old Gold (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #CFB53B from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #BDBD38
Protanopia #B8B83C
Tritanopia #D7ABAB
Achromatopsia #B6B6B6

Frequently Asked Questions

Old Gold (#CFB53B) is a color with RGB(207, 181, 59) and HSL(49.5°, 60.7%, 52.2%).

#CFB53B pairs strongly with #3B55CF as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#CFB53B is suitable for Text, Button, Accent and works well with Warm styles.

The name Old Gold is linked to Old Gold from English, meaning A color resembling aged gold, often with a slightly muted or brownish-yellow hue..

Name, History & Etymology

Origin Word Old Gold
Meaning A color resembling aged gold, often with a slightly muted or brownish-yellow hue.
Language English
First Recorded Use Late 19th Century

History

The concept of 'gold' as a color has existed since antiquity, directly referencing the precious metal. As dyes and pigments became more sophisticated, and as fashion and design trends evolved, there was a need to differentiate various shades of gold. 'Old gold' emerged to describe a specific, often less vibrant, more antique-looking shade. It gained significant popularity during the Art Nouveau and Arts and Crafts movements, where natural and muted tones were favored. It has since remained a classic color, often associated with richness, tradition, and vintage aesthetics.

First Recorded Use

The term 'old gold' as a color descriptor became more common in the late 19th century, particularly in fashion, interior design, and art to distinguish it from brighter, more metallic golds.

Cultural Associations

Old gold is frequently used in heraldry, academic regalia (especially for certain disciplines like science or arts), and military decorations to signify honor, achievement, and tradition. In interior design, it often evokes a sense of classic elegance or vintage charm. It's also a popular color in autumn palettes due to its warm, earthy undertones.

Similar Named Colors
Gold (metallic) #D4AF37 ΔE 3.34
Vegas Gold #C5B358 ΔE 4.42
Meat Brown #E5B73B ΔE 5.68
Brass #B5A642 ΔE 6.09

Code Snippets

/* Background */
.element {
    background-color: #CFB53B;
}

/* Text */
.element {
    color: #CFB53B;
}

/* Border */
.element {
    border: 1px solid #CFB53B;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #CFB53B,
        #3B55CF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #CFB53B,
        #3B55CF
    );
}

// SCSS variable
$old-gold: #CFB53B;

// With RGB channels (useful for rgba() usage)
$old-gold-r: 207;
$old-gold-g: 181;
$old-gold-b: 59;

// Usage
.element {
    background-color: $old-gold;
    color: rgba($old-gold-r, $old-gold-g, $old-gold-b, 0.8);
}