Najbliższy nazwany kolor · #2F3726
#2F3726
Najbliższy nazwany kolor: Marshland
#2F3726 (rgb(47 55 38), hsl(88 18% 18%), oklch(0.324 0.031 128.5)) jest najbliższy nazwanemu kolorowi Marshland. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2F3726
oklch(0.324 0.031 128.5)
Konwersje koloru
- HEX
- #2f3726
- RGB
- rgb(47 55 38)
- HSL
- hsl(88 18% 18%)
- HWB
- hwb(88 15% 78%)
- OKLCH
- oklch(0.324 0.031 128.5)
- OKLab
- oklab(0.324 -0.019 0.024)
- CIE Lab
- lab(21.9 -6.33 9.52)
- LCH
- lch(21.9 11.43 123.6)
- CMYK
- cmyk(15% 0% 31% 78%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 414839
- 545B4C
- 676D60
- 7B8175
- 90958B
- A5A9A1
- BBBEB8
- D1D3CF
- E8E9E7
Odcienie ciemniejsze
- 272E20
- 202619
- 191E13
- 12160D
- 0C0F08
- 060804
- 030302
- 010101
- 000000
Tony
- 363E2E
- 3E4537
- 464C3F
- 4E5348
- 565A51
- 5E625A
- 666964
- 6F716D
- 777876
Harmonie kolorów
Komplementarna +180°
- 2F3726
Marshland
- 383040
≈ Oil Rush
Analogowa -30° +30°
- 2F3726
Marshland
- 383422
≈ Lebanon Cedar
- 26392E
≈ Palm Green
Triada +120° +240°
- 2F3726
Marshland
- 273543
≈ Tahitian Pearl
- 422D31
≈ Chocolate Plum
Komplementarna rozszczepiona +150° +210°
- 2F3726
Marshland
- 303244
≈ Oil Rush
- 3F2E39
≈ Disappearing Purple
Tetrada +90° +180° +270°
- 2F3726
Marshland
- 21383E
≈ Nordic
- 383040
≈ Oil Rush
- 422E28
≈ Chinese Ink
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.38:1 · APCA Lc 98
Ag
FailNa czerni
WCAG 1.69:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.38:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--marshland: #2f3726;
--marshland-rgb: 47 55 38;
--marshland-oklch: oklch(0.324 0.031 128.5);
}
.element {
color: var(--marshland);
background-color: hsl(88 18% 18%);
border-color: oklch(0.324 0.031 128.5);
}Tailwind CSS v4
@theme {
--color-marshland: #2f3726;
--color-marshland-50: #f2f7ee;
--color-marshland-100: #e4eadf;
--color-marshland-200: #d0d7ca;
--color-marshland-300: #b2bbab;
--color-marshland-400: #99a28f;
--color-marshland-500: #808a75;
--color-marshland-600: #6c7563;
--color-marshland-700: #575e4f;
--color-marshland-800: #3f4439;
--color-marshland-900: #2c2f27;
--color-marshland-950: #191c15;
}SCSS
$marshland: #2f3726;
$marshland-rgb: 47, 55, 38;
$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);
}