Named color · #142D25
Guerrilla Forest
Guerrilla Forest is #142D25: rgb(20 45 37), hsl(161 38% 13%), oklch(0.274 0.035 170.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Guerrilla Forest color name →
#142D25
oklch(0.274 0.035 170.8)
Color conversions
- HEX
- #142d25
- RGB
- rgb(20 45 37)
- HSL
- hsl(161 38% 13%)
- HWB
- hwb(161 8% 82%)
- OKLCH
- oklch(0.274 0.035 170.8)
- OKLab
- oklab(0.274 -0.034 0.006)
- CIE Lab
- lab(16.25 -12 2.03)
- LCH
- lch(16.25 12.18 170.4)
- CMYK
- cmyk(56% 0% 18% 82%)
Tints · Shades · Tones
Tints
- 293F37
- 3E524B
- 54665F
- 6A7A74
- 818F8A
- 99A4A0
- B2BAB7
- CBD1CE
- E5E8E7
Shades
- 10261F
- 0C1F19
- 081813
- 05110D
- 030B08
- 010604
- 010202
- 000100
- 000000
Tones
- 1F352D
- 293D36
- 33453E
- 3E4D47
- 495550
- 535D59
- 5E6663
- 696E6C
- 757776
Color harmonies
Complementary +180°
- 142D25
Guerrilla Forest
- 35202A
≈ Antique Burgundy
Analogous -30° +30°
- 142D25
Guerrilla Forest
- 1E2C1B
≈ Kuro Green
- 0F2D2E
≈ Black Chasm
Triadic +120° +240°
- 142D25
Guerrilla Forest
- 272437
≈ Cold Steel
- 352217
≈ Wetlands Swamp
Split-complementary +150° +210°
- 142D25
Guerrilla Forest
- 2F2232
≈ Anubis Black
- 372020
≈ Black Kite
Tetradic +90° +180° +270°
- 142D25
Guerrilla Forest
- 1E2839
≈ Midnight Express
- 35202A
≈ Antique Burgundy
- 302613
≈ Black Slug
Contrast & accessibility
Ag
AAAOn white
WCAG 14.66:1 · APCA Lc 101
Ag
FailOn black
WCAG 1.43:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 14.66:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--guerrilla-forest: #142d25;
--guerrilla-forest-rgb: 20 45 37;
--guerrilla-forest-oklch: oklch(0.274 0.035 170.8);
}
.element {
color: var(--guerrilla-forest);
background-color: hsl(161 38% 13%);
border-color: oklch(0.274 0.035 170.8);
}Tailwind CSS v4
@theme {
--color-guerrilla-forest: #142d25;
--color-guerrilla-forest-50: #ecf9f4;
--color-guerrilla-forest-100: #ddece7;
--color-guerrilla-forest-200: #c6d9d3;
--color-guerrilla-forest-300: #a6beb5;
--color-guerrilla-forest-400: #8ba59b;
--color-guerrilla-forest-500: #6f8e83;
--color-guerrilla-forest-600: #5f786f;
--color-guerrilla-forest-700: #4b6059;
--color-guerrilla-forest-800: #374640;
--color-guerrilla-forest-900: #25312c;
--color-guerrilla-forest-950: #141d19;
}SCSS
$guerrilla-forest: #142d25;
$guerrilla-forest-rgb: 20, 45, 37;
$guerrilla-forest-light: mix(#fff, $guerrilla-forest, 20%);
$guerrilla-forest-dark: mix(#000, $guerrilla-forest, 20%);
.element {
color: $guerrilla-forest;
box-shadow: 0 0 0 2px rgba($guerrilla-forest, 0.35);
}