Named color · #8F7459
Library Oak
Library Oak is #8F7459: rgb(143 116 89), hsl(30 23% 45%), oklch(0.578 0.052 66.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Library Oak color name →
#8F7459
oklch(0.578 0.052 66.5)
Color conversions
- HEX
- #8f7459
- RGB
- rgb(143 116 89)
- HSL
- hsl(30 23% 45%)
- HWB
- hwb(30 35% 44%)
- OKLCH
- oklch(0.578 0.052 66.5)
- OKLab
- oklab(0.578 0.021 0.047)
- CIE Lab
- lab(50.96 7.99 19.15)
- LCH
- lch(50.96 20.75 67.4)
- CMYK
- cmyk(0% 19% 38% 44%)
Tints · Shades · Tones
Tints
- 9A8169
- A58E78
- B09C88
- BBAA99
- C6B7A9
- D1C5BA
- DDD4CB
- E8E2DC
- F3F0ED
Shades
- 7C644C
- 695440
- 574534
- 453728
- 34291D
- 241B13
- 150F09
- 070503
- 010100
Tones
- 8E755D
- 8C7761
- 8B7865
- 897969
- 887A6D
- 867B71
- 857D75
- 837E78
- 827F7C
Color harmonies
Complementary +180°
- 8F7459
Library Oak
- 617D97
≈ Indigo Dreams
Analogous -30° +30°
- 8F7459
Library Oak
- 966F64
≈ Prairie Dog
- 827A57
≈ Meadowland
Triadic +120° +240°
- 8F7459
Library Oak
- 55847E
≈ Jericho Jade
- 817292
≈ Provence Violet
Split-complementary +150° +210°
- 8F7459
Library Oak
- 55828E
≈ Cape Lee
- 717799
≈ Quantum Blue
Tetradic +90° +180° +270°
- 8F7459
Library Oak
- 61836D
≈ Jadite
- 617D97
≈ Indigo Dreams
- 8E6E85
≈ Dianthus Mauve
Contrast & accessibility
Ag
FailOn white
WCAG 4.36:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.81:1 · APCA Lc 31
Best text color: #000000
WCAG 4.81:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--library-oak: #8f7459;
--library-oak-rgb: 143 116 89;
--library-oak-oklch: oklch(0.578 0.052 66.5);
}
.element {
color: var(--library-oak);
background-color: hsl(30 23% 45%);
border-color: oklch(0.578 0.052 66.5);
}Tailwind CSS v4
@theme {
--color-library-oak: #8f7459;
--color-library-oak-50: #fff3e6;
--color-library-oak-100: #f4e5d6;
--color-library-oak-200: #e3d1bd;
--color-library-oak-300: #cab39c;
--color-library-oak-400: #b4997e;
--color-library-oak-500: #9e8061;
--color-library-oak-600: #866c53;
--color-library-oak-700: #6b5642;
--color-library-oak-800: #4f3f30;
--color-library-oak-900: #372b20;
--color-library-oak-950: #221810;
}SCSS
$library-oak: #8f7459;
$library-oak-rgb: 143, 116, 89;
$library-oak-light: mix(#fff, $library-oak, 20%);
$library-oak-dark: mix(#000, $library-oak, 20%);
.element {
color: $library-oak;
box-shadow: 0 0 0 2px rgba($library-oak, 0.35);
}