Named color · #8D7040
Chilli Green
Chilli Green is #8D7040: rgb(141 112 64), hsl(37 38% 40%), oklch(0.563 0.075 78.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Chilli Green color name →
#8D7040
oklch(0.563 0.075 78.9)
Color conversions
- HEX
- #8d7040
- RGB
- rgb(141 112 64)
- HSL
- hsl(37 38% 40%)
- HWB
- hwb(37 25% 45%)
- OKLCH
- oklch(0.563 0.075 78.9)
- OKLab
- oklab(0.563 0.014 0.073)
- CIE Lab
- lab(49.32 7.3 31.01)
- LCH
- lch(49.32 31.86 76.8)
- CMYK
- cmyk(0% 21% 55% 45%)
Tints · Shades · Tones
Tints
- 987E53
- A38B65
- AE9978
- BAA78B
- C5B69D
- D0C4B1
- DCD2C4
- E8E1D7
- F3F0EB
Shades
- 7A6036
- 67512D
- 554324
- 44351B
- 332713
- 231A0B
- 140E05
- 070401
- 010100
Tones
- 8C7247
- 8B744E
- 897555
- 88775C
- 877862
- 867A68
- 847C6E
- 837D74
- 817F7A
Color harmonies
Complementary +180°
- 8D7040
Chilli Green
- 5A76A1
≈ Montreux Blue
Analogous -30° +30°
- 8D7040
Chilli Green
- 99684D
≈ Old Driftwood
- 797943
≈ Plant Green
Triadic +120° +240°
- 8D7040
Chilli Green
- 368386
≈ Kandinsky Turquoise
- 886791
≈ Poetry Mauve
Split-complementary +150° +210°
- 8D7040
Chilli Green
- 417E98
≈ Aristocratic
- 746E9F
≈ Purple Spire
Tetradic +90° +180° +270°
- 8D7040
Chilli Green
- 44846E
≈ Shǔi Cǎo Lǜ Green
- 5A76A1
≈ Montreux Blue
- 97637C
≈ Forest Berry
Contrast & accessibility
Ag
AAOn white
WCAG 4.64:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.52:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--chilli-green: #8d7040;
--chilli-green-rgb: 141 112 64;
--chilli-green-oklch: oklch(0.563 0.075 78.9);
}
.element {
color: var(--chilli-green);
background-color: hsl(37 38% 40%);
border-color: oklch(0.563 0.075 78.9);
}Tailwind CSS v4
@theme {
--color-chilli-green: #8d7040;
--color-chilli-green-50: #fff3de;
--color-chilli-green-100: #f5e6cc;
--color-chilli-green-200: #e5d2b1;
--color-chilli-green-300: #cbb48c;
--color-chilli-green-400: #b69a6b;
--color-chilli-green-500: #a1804a;
--color-chilli-green-600: #886d40;
--color-chilli-green-700: #6d5732;
--color-chilli-green-800: #513f23;
--color-chilli-green-900: #382b18;
--color-chilli-green-950: #231909;
}SCSS
$chilli-green: #8d7040;
$chilli-green-rgb: 141, 112, 64;
$chilli-green-light: mix(#fff, $chilli-green, 20%);
$chilli-green-dark: mix(#000, $chilli-green, 20%);
.element {
color: $chilli-green;
box-shadow: 0 0 0 2px rgba($chilli-green, 0.35);
}