Nearest named color · #2E4E00
#2E4E00
Nearest named color: Deep Forestial Escapade
#2E4E00 (rgb(46 78 0), hsl(85 100% 15%), oklch(0.384 0.105 131.3)) is closest to the named color Deep Forestial Escapade. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2E4E00
oklch(0.384 0.105 131.3)
Color conversions
- HEX
- #2e4e00
- RGB
- rgb(46 78 0)
- HSL
- hsl(85 100% 15%)
- HWB
- hwb(85 0% 69%)
- OKLCH
- oklch(0.384 0.105 131.3)
- OKLab
- oklab(0.384 -0.07 0.079)
- CIE Lab
- lab(29.59 -21.62 36.35)
- LCH
- lch(29.59 42.3 120.7)
- CMYK
- cmyk(41% 0% 100% 69%)
Tints · Shades · Tones
Tints
- 415E22
- 546F3A
- 678052
- 7C9269
- 90A381
- A6B599
- BBC7B2
- D1DACB
- E8ECE5
Shades
- 274300
- 1F3800
- 182D00
- 122300
- 0B1900
- 060F00
- 020700
- 010200
- 000000
Tones
- 365315
- 3E5824
- 465D31
- 4E623C
- 566748
- 5E6C53
- 67715E
- 6F766A
- 787B75
Color harmonies
Complementary +180°
- 2E4E00
Deep Forestial Escapade
- 55306C
≈ Imperial Purple
Analogous -30° +30°
- 2E4E00
Deep Forestial Escapade
- 4D4400
≈ Roman Bronze
- 005134
≈ Trapper Green
Triadic +120° +240°
- 2E4E00
Deep Forestial Escapade
- 094579
≈ Inoffensive Blue
- 702635
≈ Merlot Fields
Split-complementary +150° +210°
- 2E4E00
Deep Forestial Escapade
- 3B3A79
≈ Sage Violet
- 672954
≈ Velvet Mauve
Tetradic +90° +180° +270°
- 2E4E00
Deep Forestial Escapade
- 004B5E
≈ Teal Dark Blue
- 55306C
≈ Imperial Purple
- 702B0D
≈ Moussaka
Contrast & accessibility
Ag
AAAOn white
WCAG 9.51:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.20:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 9.51:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--deep-forestial-escapade: #2e4e00;
--deep-forestial-escapade-rgb: 46 78 0;
--deep-forestial-escapade-oklch: oklch(0.384 0.105 131.3);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(85 100% 15%);
border-color: oklch(0.384 0.105 131.3);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #2e4e00;
--color-deep-forestial-escapade-50: #e9fcde;
--color-deep-forestial-escapade-100: #daf0cc;
--color-deep-forestial-escapade-200: #c3dfb1;
--color-deep-forestial-escapade-300: #a2c48c;
--color-deep-forestial-escapade-400: #88ab69;
--color-deep-forestial-escapade-500: #6d9446;
--color-deep-forestial-escapade-600: #5c7d3c;
--color-deep-forestial-escapade-700: #4a6430;
--color-deep-forestial-escapade-800: #374920;
--color-deep-forestial-escapade-900: #253315;
--color-deep-forestial-escapade-950: #141f07;
}SCSS
$deep-forestial-escapade: #2e4e00;
$deep-forestial-escapade-rgb: 46, 78, 0;
$deep-forestial-escapade-light: mix(#fff, $deep-forestial-escapade, 20%);
$deep-forestial-escapade-dark: mix(#000, $deep-forestial-escapade, 20%);
.element {
color: $deep-forestial-escapade;
box-shadow: 0 0 0 2px rgba($deep-forestial-escapade, 0.35);
}