Named color · #B58037
Gilded Gold
Gilded Gold is #B58037: rgb(181 128 55), hsl(35 53% 46%), oklch(0.639 0.11 72). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Gilded Gold color name →
#B58037
oklch(0.639 0.11 72)
Color conversions
- HEX
- #b58037
- RGB
- rgb(181 128 55)
- HSL
- hsl(35 53% 46%)
- HWB
- hwb(35 22% 29%)
- OKLCH
- oklch(0.639 0.11 72)
- OKLab
- oklab(0.639 0.034 0.105)
- CIE Lab
- lab(58.02 15.96 46.7)
- LCH
- lch(58.02 49.35 71.1)
- CMYK
- cmyk(0% 29% 70% 29%)
Tints · Shades · Tones
Tints
- BD8D4E
- C49963
- CCA677
- D3B28A
- DBBF9D
- E2CCB1
- E9D8C4
- F1E5D8
- F8F2EB
Shades
- 9D6E2E
- 865D26
- 6F4D1E
- 593D16
- 442E0F
- 301F08
- 1D1203
- 0C0601
- 020100
Tones
- B08041
- AB814B
- A68153
- A0815A
- 9B8161
- 968168
- 90816E
- 8B8174
- 86807A
Color harmonies
Complementary +180°
- B58037
Gilded Gold
- 588FCD
≈ Blue Dart
Analogous -30° +30°
- B58037
Gilded Gold
- C47455
≈ Spanish Peanut
- 998E35
≈ Banana Leaf
Triadic +120° +240°
- B58037
Gilded Gold
- 00A19D
≈ Aqua Velvet
- A278BC
≈ Purple Pride
Split-complementary +150° +210°
- B58037
Gilded Gold
- 229ABC
≈ Butterfly Blue
- 8283CD
≈ Twilight Twinkle
Tetradic +90° +180° +270°
- B58037
Gilded Gold
- 41A177
≈ Tropical Tone
- 588FCD
≈ Blue Dart
- B9709F
≈ Eccentric Magenta
Contrast & accessibility
Ag
FailOn white
WCAG 3.43:1 · APCA Lc 62
Ag
AAOn black
WCAG 6.10:1 · APCA Lc 40
Best text color: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--gilded-gold: #b58037;
--gilded-gold-rgb: 181 128 55;
--gilded-gold-oklch: oklch(0.639 0.11 72);
}
.element {
color: var(--gilded-gold);
background-color: hsl(35 53% 46%);
border-color: oklch(0.639 0.11 72);
}Tailwind CSS v4
@theme {
--color-gilded-gold: #b58037;
--color-gilded-gold-50: #fff1d3;
--color-gilded-gold-100: #ffe3c0;
--color-gilded-gold-200: #f1cea0;
--color-gilded-gold-300: #d9af77;
--color-gilded-gold-400: #c79350;
--color-gilded-gold-500: #b37821;
--color-gilded-gold-600: #97661f;
--color-gilded-gold-700: #795218;
--color-gilded-gold-800: #5a3b10;
--color-gilded-gold-900: #3f280a;
--color-gilded-gold-950: #281600;
}SCSS
$gilded-gold: #b58037;
$gilded-gold-rgb: 181, 128, 55;
$gilded-gold-light: mix(#fff, $gilded-gold, 20%);
$gilded-gold-dark: mix(#000, $gilded-gold, 20%);
.element {
color: $gilded-gold;
box-shadow: 0 0 0 2px rgba($gilded-gold, 0.35);
}