Cor nomeada mais próxima · #493F18
#493F18
Cor nomeada mais próxima: Madras
#493F18 (rgb(73 63 24), hsl(48 51% 19%), oklch(0.369 0.058 95)) é mais próxima da cor nomeada Madras. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#493F18
oklch(0.369 0.058 95)
Conversões de cor
- HEX
- #493f18
- RGB
- rgb(73 63 24)
- HSL
- hsl(48 51% 19%)
- HWB
- hwb(48 9% 71%)
- OKLCH
- oklch(0.369 0.058 95)
- OKLab
- oklab(0.369 -0.005 0.058)
- CIE Lab
- lab(27.02 0.39 24.98)
- LCH
- lch(27.02 24.99 89.1)
- CMYK
- cmyk(0% 14% 67% 71%)
Tons claros · Sombras · Tons
Tons claros
- 59502E
- 6A6243
- 7B7459
- 8D876F
- 9F9A86
- B2AD9D
- C4C1B5
- D8D5CD
- EBEAE6
Sombras
- 3E3513
- 342C0F
- 2A230A
- 201B07
- 171204
- 0E0A02
- 060401
- 020100
- 000000
Tons
- 4E4523
- 544C2E
- 595238
- 5E5842
- 645F4C
- 696557
- 6F6C61
- 75736B
- 7A7976
Harmonias de cor
Complementar +180°
- 493F18
Madras
- 363D5E
≈ Mangosteen
Análoga -30° +30°
- 493F18
Madras
- 54391C
≈ Kuro Brown
- 384521
≈ Ceylanite
Tríade +120° +240°
- 493F18
Madras
- 104752
≈ Midnight Green
- 52334C
≈ Grimace
Complementar dividida +150° +210°
- 493F18
Madras
- 23425C
≈ Blue Accolade
- 473758
≈ Purple Plumeria
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.46:1 · APCA Lc 94
Ag
FailSobre preto
WCAG 2.00:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 10.46:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--madras: #493f18;
--madras-rgb: 73 63 24;
--madras-oklch: oklch(0.369 0.058 95);
}
.element {
color: var(--madras);
background-color: hsl(48 51% 19%);
border-color: oklch(0.369 0.058 95);
}Tailwind CSS v4
@theme {
--color-madras: #493f18;
--color-madras-50: #faf6e3;
--color-madras-100: #ede8d3;
--color-madras-200: #dbd5b9;
--color-madras-300: #bfb897;
--color-madras-400: #a99f78;
--color-madras-500: #928659;
--color-madras-600: #7b724c;
--color-madras-700: #635b3d;
--color-madras-800: #49422b;
--color-madras-900: #332e1d;
--color-madras-950: #1e1a0d;
}SCSS
$madras: #493f18;
$madras-rgb: 73, 63, 24;
$madras-light: mix(#fff, $madras, 20%);
$madras-dark: mix(#000, $madras, 20%);
.element {
color: $madras;
box-shadow: 0 0 0 2px rgba($madras, 0.35);
}