Nearest named color · #8F731E
#8F731E
Nearest named color: Glazed Chestnut
#8F731E (rgb(143 115 30), hsl(45 65% 34%), oklch(0.568 0.105 89.5)) is closest to the named color Glazed Chestnut. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8F731E
oklch(0.568 0.105 89.5)
Color conversions
- HEX
- #8f731e
- RGB
- rgb(143 115 30)
- HSL
- hsl(45 65% 34%)
- HWB
- hwb(45 12% 44%)
- OKLCH
- oklch(0.568 0.105 89.5)
- OKLab
- oklab(0.568 0.001 0.105)
- CIE Lab
- lab(50.07 4.95 47.86)
- LCH
- lch(50.07 48.11 84.1)
- CMYK
- cmyk(0% 20% 79% 44%)
Tints · Shades · Tones
Tints
- 9A813B
- A58E52
- B09C68
- BBAA7D
- C6B893
- D1C6A8
- DCD4BE
- E8E2D3
- F3F0E9
Shades
- 7C6319
- 695413
- 57450E
- 453609
- 342805
- 241B03
- 150F01
- 070500
- 010100
Tones
- 8E752E
- 8C763A
- 8B7845
- 89794E
- 887A57
- 867C60
- 857D68
- 837E70
- 827F78
Color harmonies
Complementary +180°
- 8F731E
Glazed Chestnut
- 5E73B4
≈ Wild Pansy
Analogous -30° +30°
- 8F731E
Glazed Chestnut
- A36630
≈ Mai Tai
- 6F7F31
≈ Leaps and Bounds
Triadic +120° +240°
- 8F731E
Glazed Chestnut
- 008696
≈ Painted Sea
- 995F94
≈ Bermuda Onion
Split-complementary +150° +210°
- 8F731E
Glazed Chestnut
- 317EAE
≈ Vermeer Blue
- 8068AB
≈ Wintertime Mauve
Tetradic +90° +180° +270°
- 8F731E
Glazed Chestnut
- 008A78
≈ Emerald Enchantment
- 5E73B4
≈ Wild Pansy
- A85B75
≈ Topinambur Root
Contrast & accessibility
Ag
AAOn white
WCAG 4.52:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.63:1 · APCA Lc 30
Best text color: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Code snippets
CSS
:root {
--glazed-chestnut: #8f731e;
--glazed-chestnut-rgb: 143 115 30;
--glazed-chestnut-oklch: oklch(0.568 0.105 89.5);
}
.element {
color: var(--glazed-chestnut);
background-color: hsl(45 65% 34%);
border-color: oklch(0.568 0.105 89.5);
}Tailwind CSS v4
@theme {
--color-glazed-chestnut: #8f731e;
--color-glazed-chestnut-50: #fff5d4;
--color-glazed-chestnut-100: #f5e7c1;
--color-glazed-chestnut-200: #e4d3a1;
--color-glazed-chestnut-300: #cbb678;
--color-glazed-chestnut-400: #b79b51;
--color-glazed-chestnut-500: #a28222;
--color-glazed-chestnut-600: #896e20;
--color-glazed-chestnut-700: #6d5819;
--color-glazed-chestnut-800: #524010;
--color-glazed-chestnut-900: #392c0a;
--color-glazed-chestnut-950: #231900;
}SCSS
$glazed-chestnut: #8f731e;
$glazed-chestnut-rgb: 143, 115, 30;
$glazed-chestnut-light: mix(#fff, $glazed-chestnut, 20%);
$glazed-chestnut-dark: mix(#000, $glazed-chestnut, 20%);
.element {
color: $glazed-chestnut;
box-shadow: 0 0 0 2px rgba($glazed-chestnut, 0.35);
}