Named color · #AA6611
Ancient Brandy
Ancient Brandy is #AA6611: rgb(170 102 17), hsl(33 82% 37%), oklch(0.573 0.124 64.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Ancient Brandy color name →
#AA6611
oklch(0.573 0.124 64.1)
Color conversions
- HEX
- #aa6611
- RGB
- rgb(170 102 17)
- HSL
- hsl(33 82% 37%)
- HWB
- hwb(33 7% 33%)
- OKLCH
- oklch(0.573 0.124 64.1)
- OKLab
- oklab(0.573 0.054 0.112)
- CIE Lab
- lab(50.1 23.93 53.77)
- LCH
- lch(50.1 58.85 66)
- CMYK
- cmyk(0% 40% 90% 33%)
Tints · Shades · Tones
Tints
- B37534
- BC844D
- C59364
- CEA37A
- D6B290
- DFC1A6
- E7D0BC
- EFE0D2
- F7EFE9
Shades
- 93580D
- 7D4A09
- 683C06
- 532F04
- 3F2302
- 2D1701
- 1B0C00
- 0B0400
- 010000
Tones
- A66927
- A36C35
- 9F6F41
- 9B724B
- 977555
- 92775E
- 8E7A67
- 8A7C70
- 857E78
Color harmonies
Complementary +180°
- AA6611
Ancient Brandy
- 277FBC
≈ Amalfi Coast
Analogous -30° +30°
- AA6611
Ancient Brandy
- B65A45
≈ Ginger Spice
- 8F7600
≈ Jīn Zōng Gold
Triadic +120° +240°
- AA6611
Ancient Brandy
- 008B7F
≈ Go Go Green
- 8964B3
≈ Lusty Lavender
Split-complementary +150° +210°
- AA6611
Ancient Brandy
- 00879D
≈ Eastern Blue
- 6271C1
≈ Gladiola Blue
Tetradic +90° +180° +270°
- AA6611
Ancient Brandy
- 2C8D56
≈ Lake Green
- 277FBC
≈ Amalfi Coast
- A45A96
≈ Cyclamen Red
Contrast & accessibility
Ag
AAOn white
WCAG 4.54:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.61:1 · APCA Lc 30
Best text color: #000000
WCAG 4.61:1 (AA) · APCA Lc 30
Contrast pairs
Code snippets
CSS
:root {
--ancient-brandy: #aa6611;
--ancient-brandy-rgb: 170 102 17;
--ancient-brandy-oklch: oklch(0.573 0.124 64.1);
}
.element {
color: var(--ancient-brandy);
background-color: hsl(33 82% 37%);
border-color: oklch(0.573 0.124 64.1);
}Tailwind CSS v4
@theme {
--color-ancient-brandy: #aa6611;
--color-ancient-brandy-50: #ffefd0;
--color-ancient-brandy-100: #ffe0bd;
--color-ancient-brandy-200: #f9ca9c;
--color-ancient-brandy-300: #e3ab71;
--color-ancient-brandy-400: #d18e49;
--color-ancient-brandy-500: #be710e;
--color-ancient-brandy-600: #a06012;
--color-ancient-brandy-700: #814d0f;
--color-ancient-brandy-800: #60370a;
--color-ancient-brandy-900: #432606;
--color-ancient-brandy-950: #2b1400;
}SCSS
$ancient-brandy: #aa6611;
$ancient-brandy-rgb: 170, 102, 17;
$ancient-brandy-light: mix(#fff, $ancient-brandy, 20%);
$ancient-brandy-dark: mix(#000, $ancient-brandy, 20%);
.element {
color: $ancient-brandy;
box-shadow: 0 0 0 2px rgba($ancient-brandy, 0.35);
}