Named color · #A96A28
Golden Oak
Golden Oak is #A96A28: rgb(169 106 40), hsl(31 62% 41%), oklch(0.581 0.113 63). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Golden Oak color name →
#A96A28
oklch(0.581 0.113 63)
Color conversions
- HEX
- #a96a28
- RGB
- rgb(169 106 40)
- HSL
- hsl(31 62% 41%)
- HWB
- hwb(31 16% 34%)
- OKLCH
- oklch(0.581 0.113 63)
- OKLab
- oklab(0.581 0.051 0.101)
- CIE Lab
- lab(51.02 21.89 46.03)
- LCH
- lch(51.02 50.97 64.6)
- CMYK
- cmyk(0% 37% 76% 34%)
Tints · Shades · Tones
Tints
- B27941
- BB8757
- C4966C
- CDA581
- D5B396
- DEC2AA
- E6D1BF
- EFE0D4
- F7F0EA
Shades
- 925B21
- 7C4D1B
- 673F15
- 53310F
- 3F2409
- 2C1804
- 1B0D02
- 0A0401
- 010000
Tones
- A56D35
- A26F40
- 9E7249
- 9A7452
- 96765A
- 927862
- 8E7B6A
- 897C72
- 857E79
Color harmonies
Complementary +180°
- A96A28
Golden Oak
- 3481B8
≈ Curious Blue
Analogous -30° +30°
- A96A28
Golden Oak
- B35F4E
≈ Clay Figure
- 927814
≈ Bhūrā Brown
Triadic +120° +240°
- A96A28
Golden Oak
- 008E80
≈ Philips Green
- 8869B1
≈ Lavish Spending
Split-complementary +150° +210°
- A96A28
Golden Oak
- 008A9E
≈ Teal Blue
- 6575BD
≈ Flood
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 4.39:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.77:1 · APCA Lc 31
Best text color: #000000
WCAG 4.77:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--golden-oak: #a96a28;
--golden-oak-rgb: 169 106 40;
--golden-oak-oklch: oklch(0.581 0.113 63);
}
.element {
color: var(--golden-oak);
background-color: hsl(31 62% 41%);
border-color: oklch(0.581 0.113 63);
}Tailwind CSS v4
@theme {
--color-golden-oak: #a96a28;
--color-golden-oak-50: #ffefd4;
--color-golden-oak-100: #ffe1c1;
--color-golden-oak-200: #f7cba2;
--color-golden-oak-300: #e0ac79;
--color-golden-oak-400: #ce8f54;
--color-golden-oak-500: #ba7328;
--color-golden-oak-600: #9d6224;
--color-golden-oak-700: #7e4e1d;
--color-golden-oak-800: #5e3814;
--color-golden-oak-900: #42260c;
--color-golden-oak-950: #2a1401;
}SCSS
$golden-oak: #a96a28;
$golden-oak-rgb: 169, 106, 40;
$golden-oak-light: mix(#fff, $golden-oak, 20%);
$golden-oak-dark: mix(#000, $golden-oak, 20%);
.element {
color: $golden-oak;
box-shadow: 0 0 0 2px rgba($golden-oak, 0.35);
}