YELLOW

Old Gold

#CFB53B

Old Gold is #CFB53B, rgb(207, 181, 59).

Conversions
HEX#CFB53B
RGBrgb(207, 181, 59)
HSLhsl(49, 61%, 52%)
HSVhsv(49, 72%, 81%)
CMYKcmyk(0%, 13%, 72%, 19%)
Copy CSS
color: #cfb53b; /* rgb */ color: rgb(207, 181, 59); /* hsl */ color: hsl(49, 61%, 52%);
Contrast
On whiteFail · 2.03 : 1
On ink blackPass · 9.41 : 1
Shades
Tints
Pairings

About Old Gold

Old Gold is the hex color #CFB53B, which translates to rgb(207, 181, 59) in RGB and hsl(49, 61%, 52%) in HSL. On the color wheel it sits at 49 degrees, with a saturation of 61 percent and a lightness of 52 percent. That combination gives Old Gold a saturated mid tone: strong enough for buttons and links, still calm enough for larger areas.

How Old Gold compares

The closest standard CSS keyword is goldenrod (#DAA520), a CIE76 distance of 14.2 away in CIELAB. That is a visible difference, so the keyword is not a substitute here. In the Tailwind CSS 4.3.1 palette the nearest token is amber-300 (#FFD230), at a distance of 20.7. Inside this library the closest neighbour is Royal Yellow at 13.8. Sorted by lightness, Old Gold is number 7 of the 18 yellow colors here.

Text on Old Gold

2 of the five common text colors below clear WCAG AA for normal text on Old Gold, led by Ink black at 9.41:1. The ratios are computed with the WCAG relative luminance formula, the same one the contrast checker uses, which opens with Old Gold already loaded as the background.

Contrast of common text colors on Old Gold. AA normal text needs 4.5:1, AA large text and non-text elements need 3:1, AAA normal text needs 7:1.
Text colorRatioAA normalAA largeAAA normal
White #FFFFFF2.03:1FailFailFail
Ink black #0F0F129.41:1PassPassPass
Mid grey #6B72802.38:1FailFailFail
Dark grey #3741515.07:1PassPassFail
Light grey #E5E7EB1.64:1FailFailFail

Building a palette around Old Gold

The pairings above give you three classic starting points. The complementary color sits opposite on the wheel and works well as an accent that draws the eye. The analogous colors sit right beside Old Gold for calmer, harmonious combinations. The triadic pair spaces three hues evenly for a balanced, energetic palette. Open any swatch to explore it as its own color, or open the palette generator with Old Gold locked and let it fill in the rest.

Full values for Old Gold

FormatValue
HEX#CFB53B
RGBrgb(207, 181, 59)
HSLhsl(49, 61%, 52%)
HSVhsv(49, 72%, 81%)
CMYKcmyk(0%, 13%, 72%, 19%)
OKLCHoklch(77.42% 0.1393 96.80)
CIELABlab(73.95 -3.75 62.31)

Frequently asked questions

What is the RGB value of Old Gold?

Old Gold (#CFB53B) is rgb(207, 181, 59): 207 red, 181 green and 59 blue on the 0 to 255 scale. Red leads at 207, green follows at 181 and blue trails at 59, which puts the hue at 49 degrees. In HSL the same color is hsl(49, 61%, 52%).

What colour is #CFB53B?

#CFB53B is Old Gold, a mid yellow colour with a hue of 49 degrees, 61% saturation and 52% lightness. For print the CMYK breakdown is 0% cyan, 13% magenta, 72% yellow and 19% black. Its nearest neighbour in this library is Royal Yellow, 13.8 away in CIELAB, a difference you can see.

Is Old Gold a CSS color name?

No. Old Gold is not one of the 148 CSS named colors, so write it as #CFB53B. The nearest keyword is goldenrod (#DAA520), a CIE76 distance of 14.2: far enough that the keyword reads as a different color.

What colors go with Old Gold?

Opposite Old Gold on the color wheel sits the complementary #3B55CF, the boldest accent by hue. For a calmer scheme use the analogous neighbours #CF6B3B and #9FCF3B (close to Yellow Green); for a balanced three-color scheme use the triadic pair #3BCFB5 and #B53BCF. Of these, #3B55CF has the most contrast against Old Gold, at 3.05:1, enough for icons and large text.

What text color is readable on Old Gold?

Ink black (#0F0F12) is the most readable on Old Gold, at 9.41:1, which also clears WCAG AAA (7:1). 2 of the 5 common text colors tested pass AA for normal text.

Use Old Gold in a tool

Nearby colors

Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.