Cor nomeada mais próxima · #442D26
#442D26
Cor nomeada mais próxima: English Walnut
#442D26 (rgb(68 45 38), hsl(14 28% 21%), oklch(0.323 0.036 37.6)) é mais próxima da cor nomeada English Walnut. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#442D26
oklch(0.323 0.036 37.6)
Conversões de cor
- HEX
- #442d26
- RGB
- rgb(68 45 38)
- HSL
- hsl(14 28% 21%)
- HWB
- hwb(14 15% 73%)
- OKLCH
- oklch(0.323 0.036 37.6)
- OKLab
- oklab(0.323 0.029 0.022)
- CIE Lab
- lab(21.15 10.15 9.02)
- LCH
- lch(21.15 13.57 41.6)
- CMYK
- cmyk(0% 34% 44% 73%)
Tons claros · Sombras · Tons
Tons claros
- 553F39
- 67524C
- 786660
- 8B7A75
- 9D8F8B
- B0A4A1
- C3BAB8
- D7D1CF
- EBE8E7
Sombras
- 3A2620
- 301F19
- 261813
- 1D110D
- 140B08
- 0C0604
- 050202
- 020101
- 000000
Tons
- 4A352E
- 503D37
- 56453F
- 5C4D48
- 625551
- 685D5A
- 6E6663
- 746F6D
- 7A7776
Harmonias de cor
Complementar +180°
- 442D26
English Walnut
- 1C3840
≈ Astral Nomad
Análoga -30° +30°
- 442D26
English Walnut
- 442C30
≈ Chocolate Plum
- 40301F
≈ Iroko
Tríade +120° +240°
- 442D26
English Walnut
- 23392C
≈ Palm Green
- 2F3246
≈ Peacoat
Complementar dividida +150° +210°
- 442D26
English Walnut
- 1C3A37
≈ Kōrainando Green
- 243545
≈ Tahitian Pearl
Tétrade +90° +180° +270°
- 442D26
English Walnut
- 2E3723
≈ Fuchsia Berries
- 1C3840
≈ Astral Nomad
- 392F42
≈ Oil Rush
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 12.73:1 · APCA Lc 99
Ag
FailSobre preto
WCAG 1.64:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 12.73:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--english-walnut: #442d26;
--english-walnut-rgb: 68 45 38;
--english-walnut-oklch: oklch(0.323 0.036 37.6);
}
.element {
color: var(--english-walnut);
background-color: hsl(14 28% 21%);
border-color: oklch(0.323 0.036 37.6);
}Tailwind CSS v4
@theme {
--color-english-walnut: #442d26;
--color-english-walnut-50: #fff2ed;
--color-english-walnut-100: #f3e4df;
--color-english-walnut-200: #e3cfc9;
--color-english-walnut-300: #c9b2aa;
--color-english-walnut-400: #b3978f;
--color-english-walnut-500: #9c7e75;
--color-english-walnut-600: #846b63;
--color-english-walnut-700: #6a554f;
--color-english-walnut-800: #4e3e3a;
--color-english-walnut-900: #362b28;
--color-english-walnut-950: #211816;
}SCSS
$english-walnut: #442d26;
$english-walnut-rgb: 68, 45, 38;
$english-walnut-light: mix(#fff, $english-walnut, 20%);
$english-walnut-dark: mix(#000, $english-walnut, 20%);
.element {
color: $english-walnut;
box-shadow: 0 0 0 2px rgba($english-walnut, 0.35);
}