Nearest named color · #8F4A29
#8F4A29
Nearest named color: Gingerbread
#8F4A29 (rgb(143 74 41), hsl(19 55% 36%), oklch(0.488 0.104 44.9)) is closest to the named color Gingerbread. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8F4A29
oklch(0.488 0.104 44.9)
Color conversions
- HEX
- #8f4a29
- RGB
- rgb(143 74 41)
- HSL
- hsl(19 55% 36%)
- HWB
- hwb(19 16% 44%)
- OKLCH
- oklch(0.488 0.104 44.9)
- OKLab
- oklab(0.488 0.074 0.073)
- CIE Lab
- lab(39.84 27.81 32.86)
- LCH
- lch(39.84 43.05 49.8)
- CMYK
- cmyk(0% 48% 71% 44%)
Tints · Shades · Tones
Tints
- 9B5C3E
- A76D53
- B27F68
- BE907C
- C9A291
- D4B4A7
- DFC7BC
- EAD9D2
- F4ECE8
Shades
- 7C3F22
- 69351C
- 572A15
- 45200F
- 341709
- 240E05
- 150602
- 070201
- 010000
Tones
- 8E5033
- 8E563D
- 8D5C46
- 8B614E
- 8A6657
- 886C5F
- 877167
- 857670
- 837B78
Color harmonies
Complementary +180°
- 8F4A29
Gingerbread
- 006A87
≈ Techno Blue
Analogous -30° +30°
- 8F4A29
Gingerbread
- 91444D
≈ Rhubarb Smoothie
- 815600
≈ Intense Brown
Triadic +120° +240°
- 8F4A29
Gingerbread
- 007151
≈ Lush Meadow
- 5A5698
≈ Old Nan Yarn
Split-complementary +150° +210°
- 8F4A29
Gingerbread
- 006E6E
≈ Caribbean Current
- 336199
≈ Blue Regatta
Tetradic +90° +180° +270°
- 8F4A29
Gingerbread
- 456C2C
≈ Tree Shade
- 006A87
≈ Techno Blue
- 764C88
≈ Cleopatra’s Gown
Contrast & accessibility
Ag
AAOn white
WCAG 6.60:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.17:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--gingerbread: #8f4a29;
--gingerbread-rgb: 143 74 41;
--gingerbread-oklch: oklch(0.488 0.104 44.9);
}
.element {
color: var(--gingerbread);
background-color: hsl(19 55% 36%);
border-color: oklch(0.488 0.104 44.9);
}Tailwind CSS v4
@theme {
--color-gingerbread: #8f4a29;
--color-gingerbread-50: #ffeddc;
--color-gingerbread-100: #ffdecb;
--color-gingerbread-200: #fbc7af;
--color-gingerbread-300: #e5a78a;
--color-gingerbread-400: #d28a6a;
--color-gingerbread-500: #be6e49;
--color-gingerbread-600: #a15d3e;
--color-gingerbread-700: #814b32;
--color-gingerbread-800: #603524;
--color-gingerbread-900: #432518;
--color-gingerbread-950: #2b1309;
}SCSS
$gingerbread: #8f4a29;
$gingerbread-rgb: 143, 74, 41;
$gingerbread-light: mix(#fff, $gingerbread, 20%);
$gingerbread-dark: mix(#000, $gingerbread, 20%);
.element {
color: $gingerbread;
box-shadow: 0 0 0 2px rgba($gingerbread, 0.35);
}