Nearest named color · #314E00
#314E00
Nearest named color: Deep Forestial Escapade
#314E00 (rgb(49 78 0), hsl(82 100% 15%), oklch(0.386 0.104 129.8)) is closest to the named color Deep Forestial Escapade. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#314E00
oklch(0.386 0.104 129.8)
Color conversions
- HEX
- #314e00
- RGB
- rgb(49 78 0)
- HSL
- hsl(82 100% 15%)
- HWB
- hwb(82 0% 69%)
- OKLCH
- oklch(0.386 0.104 129.8)
- OKLab
- oklab(0.386 -0.066 0.08)
- CIE Lab
- lab(29.78 -20.37 36.59)
- LCH
- lch(29.78 41.88 119.1)
- CMYK
- cmyk(37% 0% 100% 69%)
Tints · Shades · Tones
Tints
- 435E22
- 566F3A
- 698052
- 7D926A
- 92A381
- A7B59A
- BCC7B2
- D2DACB
- E8ECE5
Shades
- 294300
- 223800
- 1A2D00
- 132300
- 0C1900
- 060F00
- 030700
- 010200
- 000000
Tones
- 395315
- 405824
- 485D31
- 50623D
- 586748
- 606C53
- 68715E
- 70766A
- 787B75
Color harmonies
Complementary +180°
- 314E00
Deep Forestial Escapade
- 55316D
≈ Imperial Purple
Analogous -30° +30°
- 314E00
Deep Forestial Escapade
- 4E4400
≈ Roman Bronze
- 005233
≈ Permanent Green
Triadic +120° +240°
- 314E00
Deep Forestial Escapade
- 074678
≈ Kolibri Blue
- 702737
≈ Merlot Fields
Split-complementary +150° +210°
- 314E00
Deep Forestial Escapade
- 3A3B79
≈ Evening Magic
- 662A55
≈ Velvet Mauve
Tetradic +90° +180° +270°
- 314E00
Deep Forestial Escapade
- 004C5E
≈ Teal Dark Blue
- 55316D
≈ Imperial Purple
- 702C12
≈ Moussaka
Contrast & accessibility
Ag
AAAOn white
WCAG 9.45:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.22:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 9.45:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--deep-forestial-escapade: #314e00;
--deep-forestial-escapade-rgb: 49 78 0;
--deep-forestial-escapade-oklch: oklch(0.386 0.104 129.8);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(82 100% 15%);
border-color: oklch(0.386 0.104 129.8);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #314e00;
--color-deep-forestial-escapade-50: #eafcde;
--color-deep-forestial-escapade-100: #dbf0cc;
--color-deep-forestial-escapade-200: #c4deb0;
--color-deep-forestial-escapade-300: #a4c38c;
--color-deep-forestial-escapade-400: #8aab68;
--color-deep-forestial-escapade-500: #6f9446;
--color-deep-forestial-escapade-600: #5e7d3c;
--color-deep-forestial-escapade-700: #4b6430;
--color-deep-forestial-escapade-800: #384920;
--color-deep-forestial-escapade-900: #263315;
--color-deep-forestial-escapade-950: #151e06;
}SCSS
$deep-forestial-escapade: #314e00;
$deep-forestial-escapade-rgb: 49, 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);
}