Nearest named color · #2D301E
#2D301E
Nearest named color: Marshland
#2D301E (rgb(45 48 30), hsl(70 23% 15%), oklch(0.301 0.031 116)) is closest to the named color Marshland. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2D301E
oklch(0.301 0.031 116)
Color conversions
- HEX
- #2d301e
- RGB
- rgb(45 48 30)
- HSL
- hsl(70 23% 15%)
- HWB
- hwb(70 12% 81%)
- OKLCH
- oklch(0.301 0.031 116)
- OKLab
- oklab(0.301 -0.014 0.028)
- CIE Lab
- lab(19.15 -4.14 11.1)
- LCH
- lch(19.15 11.85 110.4)
- CMYK
- cmyk(6% 0% 37% 81%)
Tints · Shades · Tones
Tints
- 3F4231
- 525545
- 65685A
- 7A7C70
- 8E9186
- A4A69D
- BABBB5
- D1D1CD
- E8E8E6
Shades
- 262819
- 1F2113
- 181A0E
- 111309
- 0B0C05
- 060603
- 020301
- 010100
- 000000
Tones
- 353727
- 3C3F30
- 44473A
- 4C4F43
- 55574D
- 5D5F57
- 666761
- 6E6F6B
- 777775
Color harmonies
Complementary +180°
- 2D301E
Marshland
- 2F2B3C
≈ Black Rock
Analogous -30° +30°
- 2D301E
Marshland
- 352D1C
≈ Vanilla Bean Brown
- 243225
≈ Mountain Range Green
Triadic +120° +240°
- 2D301E
Marshland
- 1F313B
≈ Elderberry Black
- 3B282E
≈ Late Night Out
Split-complementary +150° +210°
- 2D301E
Marshland
- 272E3E
≈ Navy Blazer
- 362936
≈ Obsidian Red
Tetradic +90° +180° +270°
- 2D301E
Marshland
- 1A3236
≈ Ore Bluish Black
- 2F2B3C
≈ Black Rock
- 3C2826
≈ Night Red
Contrast & accessibility
Ag
AAAOn white
WCAG 13.52:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.55:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.52:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--marshland: #2d301e;
--marshland-rgb: 45 48 30;
--marshland-oklch: oklch(0.301 0.031 116);
}
.element {
color: var(--marshland);
background-color: hsl(70 23% 15%);
border-color: oklch(0.301 0.031 116);
}Tailwind CSS v4
@theme {
--color-marshland: #2d301e;
--color-marshland-50: #f4f6ed;
--color-marshland-100: #e7e9de;
--color-marshland-200: #d3d6c8;
--color-marshland-300: #b6baa8;
--color-marshland-400: #9da18d;
--color-marshland-500: #858972;
--color-marshland-600: #707461;
--color-marshland-700: #5a5d4d;
--color-marshland-800: #424438;
--color-marshland-900: #2e2f26;
--color-marshland-950: #1a1b14;
}SCSS
$marshland: #2d301e;
$marshland-rgb: 45, 48, 30;
$marshland-light: mix(#fff, $marshland, 20%);
$marshland-dark: mix(#000, $marshland, 20%);
.element {
color: $marshland;
box-shadow: 0 0 0 2px rgba($marshland, 0.35);
}