Cor nomeada · #6D2A13
Moussaka
Moussaka é #6D2A13: rgb(109 42 19), hsl(15 70% 25%), oklch(0.378 0.102 38.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Moussaka color name →
#6D2A13
oklch(0.378 0.102 38.6)
Conversões de cor
- HEX
- #6d2a13
- RGB
- rgb(109 42 19)
- HSL
- hsl(15 70% 25%)
- HWB
- hwb(15 7% 57%)
- OKLCH
- oklch(0.378 0.102 38.6)
- OKLab
- oklab(0.378 0.079 0.063)
- CIE Lab
- lab(27.02 29.43 29.78)
- LCH
- lch(27.02 41.87 45.3)
- CMYK
- cmyk(0% 61% 83% 57%)
Tons claros · Sombras · Tons
Tons claros
- 7C3F2B
- 8C5341
- 9A6757
- A97C6D
- B89184
- C6A69C
- D5BCB4
- E3D2CC
- F1E8E5
Sombras
- 5E230F
- 4F1C0B
- 411607
- 331005
- 260A03
- 190501
- 0D0201
- 040100
- 010000
Tons
- 703420
- 733D2B
- 754536
- 784E40
- 7A564B
- 7C5F55
- 7D6760
- 7E6F6B
- 7F7875
Harmonias de cor
Complementar +180°
- 6D2A13
Moussaka
- 004A5A
≈ Nocturnal Expedition
Análoga -30° +30°
- 6D2A13
Moussaka
- 6D2637
≈ Squid Hat
- 5E3800
≈ Hippogriff Brown
Tríade +120° +240°
- 6D2A13
Moussaka
- 004F30
≈ Troll Green
- 373A76
≈ Good Karma
Complementar dividida +150° +210°
- 6D2A13
Moussaka
- 004D49
≈ Swamp Mausoleum
- 024475
≈ Mermaid Blues
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.54:1 · APCA Lc 94
Ag
FailSobre preto
WCAG 1.99:1 · APCA Lc 9
Melhor cor de texto: #FFFFFF
WCAG 10.54:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--moussaka: #6d2a13;
--moussaka-rgb: 109 42 19;
--moussaka-oklch: oklch(0.378 0.102 38.6);
}
.element {
color: var(--moussaka);
background-color: hsl(15 70% 25%);
border-color: oklch(0.378 0.102 38.6);
}Tailwind CSS v4
@theme {
--color-moussaka: #6d2a13;
--color-moussaka-50: #ffecdf;
--color-moussaka-100: #ffddcf;
--color-moussaka-200: #fbc6b4;
--color-moussaka-300: #e5a690;
--color-moussaka-400: #d28972;
--color-moussaka-500: #bf6d52;
--color-moussaka-600: #a15c46;
--color-moussaka-700: #814a38;
--color-moussaka-800: #603529;
--color-moussaka-900: #44241b;
--color-moussaka-950: #2b130c;
}SCSS
$moussaka: #6d2a13;
$moussaka-rgb: 109, 42, 19;
$moussaka-light: mix(#fff, $moussaka, 20%);
$moussaka-dark: mix(#000, $moussaka, 20%);
.element {
color: $moussaka;
box-shadow: 0 0 0 2px rgba($moussaka, 0.35);
}