Named color · #81522E
Lion’s Lair
Lion’s Lair is #81522E: rgb(129 82 46), hsl(26 47% 34%), oklch(0.484 0.081 56.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Lion’s Lair color name →
#81522E
oklch(0.484 0.081 56.8)
Color conversions
- HEX
- #81522e
- RGB
- rgb(129 82 46)
- HSL
- hsl(26 47% 34%)
- HWB
- hwb(26 18% 49%)
- OKLCH
- oklch(0.484 0.081 56.8)
- OKLab
- oklab(0.484 0.044 0.068)
- CIE Lab
- lab(39.75 17.49 29.3)
- LCH
- lch(39.75 34.13 59.2)
- CMYK
- cmyk(0% 36% 64% 49%)
Tints · Shades · Tones
Tints
- 8E6242
- 9A7356
- A7836A
- B3947F
- C0A593
- CDB7A8
- D9C9BD
- E6DAD3
- F2EDE9
Shades
- 6F4627
- 5E3B1F
- 4E2F18
- 3E2512
- 2E1A0B
- 1F1106
- 120802
- 060201
- 010000
Tones
- 815737
- 825C40
- 826048
- 826550
- 826A58
- 826E60
- 817368
- 817770
- 817C78
Color harmonies
Complementary +180°
- 81522E
Lion’s Lair
- 2B6586
≈ Carbide
Analogous -30° +30°
- 81522E
Lion’s Lair
- 864C46
≈ Richardson Brick
- 725B22
≈ Moss Brown
Triadic +120° +240°
- 81522E
Lion’s Lair
- 1B6D5D
≈ Forest Splendour
- 635487
≈ Wool Violet
Split-complementary +150° +210°
- 81522E
Lion’s Lair
- 096B76
≈ Toadstool Teal
- 4A5D8D
≈ Gem
Tetradic +90° +180° +270°
- 81522E
Lion’s Lair
- 3E6B43
≈ Arcala Green
- 2B6586
≈ Carbide
- 774E77
≈ Cabbage Blossom Violet
Contrast & accessibility
Ag
AAOn white
WCAG 6.60:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.17:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--lion-s-lair: #81522e;
--lion-s-lair-rgb: 129 82 46;
--lion-s-lair-oklch: oklch(0.484 0.081 56.8);
}
.element {
color: var(--lion-s-lair);
background-color: hsl(26 47% 34%);
border-color: oklch(0.484 0.081 56.8);
}Tailwind CSS v4
@theme {
--color-lion-s-lair: #81522e;
--color-lion-s-lair-50: #fff0df;
--color-lion-s-lair-100: #fde2ce;
--color-lion-s-lair-200: #efcdb3;
--color-lion-s-lair-300: #d7ae8f;
--color-lion-s-lair-400: #c4926f;
--color-lion-s-lair-500: #af784f;
--color-lion-s-lair-600: #946644;
--color-lion-s-lair-700: #775136;
--color-lion-s-lair-800: #583b27;
--color-lion-s-lair-900: #3e281a;
--color-lion-s-lair-950: #27160a;
}SCSS
$lion-s-lair: #81522e;
$lion-s-lair-rgb: 129, 82, 46;
$lion-s-lair-light: mix(#fff, $lion-s-lair, 20%);
$lion-s-lair-dark: mix(#000, $lion-s-lair, 20%);
.element {
color: $lion-s-lair;
box-shadow: 0 0 0 2px rgba($lion-s-lair, 0.35);
}