Cor nomeada mais próxima · #2A3424
#2A3424
Cor nomeada mais próxima: Marshland
#2A3424 (rgb(42 52 36), hsl(98 18% 17%), oklch(0.31 0.031 134)) é mais próxima da cor nomeada Marshland. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#2A3424
oklch(0.31 0.031 134)
Conversões de cor
- HEX
- #2a3424
- RGB
- rgb(42 52 36)
- HSL
- hsl(98 18% 17%)
- HWB
- hwb(98 14% 80%)
- OKLCH
- oklch(0.31 0.031 134)
- OKLab
- oklab(0.31 -0.021 0.022)
- CIE Lab
- lab(20.38 -7.16 8.7)
- LCH
- lch(20.38 11.27 129.4)
- CMYK
- cmyk(19% 0% 31% 80%)
Tons claros · Sombras · Tons
Tons claros
- 3C4637
- 4F584A
- 636B5F
- 787F74
- 8D9389
- A3A8A0
- B9BDB7
- D0D2CE
- E7E9E6
Sombras
- 232C1E
- 1C2418
- 161C12
- 10150C
- 0A0E07
- 050704
- 020302
- 010100
- 000000
Tons
- 323B2C
- 3A4235
- 424A3E
- 4B5147
- 535950
- 5C6059
- 656863
- 6E706C
- 777876
Harmonias de cor
Complementar +180°
- 2A3424
Marshland
- 362C3C
≈ Valentino Nero
Análoga -30° +30°
- 2A3424
Marshland
- 33311F
≈ Fuchsia Berries
- 21352C
≈ Mussel Green
Tríade +120° +240°
- 2A3424
Marshland
- 263140
≈ Blue-Black
- 3F2A2C
≈ Wenge Black
Complementar dividida +150° +210°
- 2A3424
Marshland
- 2E2E40
≈ Atlantic Charter
- 3C2A34
≈ Late Night Out
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 13.00:1 · APCA Lc 99
Ag
FailSobre preto
WCAG 1.61:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 13.00:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--marshland: #2a3424;
--marshland-rgb: 42 52 36;
--marshland-oklch: oklch(0.31 0.031 134);
}
.element {
color: var(--marshland);
background-color: hsl(98 18% 17%);
border-color: oklch(0.31 0.031 134);
}Tailwind CSS v4
@theme {
--color-marshland: #2a3424;
--color-marshland-50: #f1f7ef;
--color-marshland-100: #e3eae0;
--color-marshland-200: #ced7ca;
--color-marshland-300: #b0bbac;
--color-marshland-400: #97a390;
--color-marshland-500: #7e8b76;
--color-marshland-600: #6b7664;
--color-marshland-700: #555e50;
--color-marshland-800: #3e453a;
--color-marshland-900: #2b3028;
--color-marshland-950: #181c16;
}SCSS
$marshland: #2a3424;
$marshland-rgb: 42, 52, 36;
$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);
}