Cor nomeada · #3B2E25
Sambuca
Sambuca é #3B2E25: rgb(59 46 37), hsl(25 23% 19%), oklch(0.313 0.025 56.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sambuca color name →
#3B2E25
oklch(0.313 0.025 56.4)
Conversões de cor
- HEX
- #3b2e25
- RGB
- rgb(59 46 37)
- HSL
- hsl(25 23% 19%)
- HWB
- hwb(25 15% 77%)
- OKLCH
- oklch(0.313 0.025 56.4)
- OKLab
- oklab(0.313 0.014 0.02)
- CIE Lab
- lab(20.22 4.96 8.19)
- LCH
- lch(20.22 9.58 58.8)
- CMYK
- cmyk(0% 22% 37% 77%)
Tons claros · Sombras · Tons
Tons claros
- 4C4038
- 5E534B
- 71665F
- 847B74
- 978F8A
- ABA5A0
- C0BBB7
- D4D1CF
- EAE8E7
Sombras
- 32271F
- 291F19
- 211813
- 19120D
- 110B08
- 090604
- 040202
- 010100
- 000000
Tons
- 42362D
- 483D36
- 4F453F
- 564D47
- 5D5551
- 645E5A
- 6B6663
- 726F6D
- 797776
Harmonias de cor
Complementar +180°
- 3B2E25
Sambuca
- 25333C
≈ Blue-Black
Análoga -30° +30°
- 3B2E25
Sambuca
- 3D2C2A
≈ Havana
- 373023
≈ Agrax Earthshade
Tríade +120° +240°
- 3B2E25
Sambuca
- 243531
≈ Pitch Green
- 322F3C
≈ Deep Well
Complementar dividida +150° +210°
- 3B2E25
Sambuca
- 223537
≈ Cruel Sea
- 2B313E
≈ Diamond Black
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 13.09:1 · APCA Lc 99
Ag
FailSobre preto
WCAG 1.60:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 13.09:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--sambuca: #3b2e25;
--sambuca-rgb: 59 46 37;
--sambuca-oklch: oklch(0.313 0.025 56.4);
}
.element {
color: var(--sambuca);
background-color: hsl(25 23% 19%);
border-color: oklch(0.313 0.025 56.4);
}Tailwind CSS v4
@theme {
--color-sambuca: #3b2e25;
--color-sambuca-50: #fbf4ee;
--color-sambuca-100: #eee6e0;
--color-sambuca-200: #ddd2ca;
--color-sambuca-300: #c1b5ab;
--color-sambuca-400: #aa9b91;
--color-sambuca-500: #938277;
--color-sambuca-600: #7d6e65;
--color-sambuca-700: #645850;
--color-sambuca-800: #49403a;
--color-sambuca-900: #332c28;
--color-sambuca-950: #1f1916;
}SCSS
$sambuca: #3b2e25;
$sambuca-rgb: 59, 46, 37;
$sambuca-light: mix(#fff, $sambuca, 20%);
$sambuca-dark: mix(#000, $sambuca, 20%);
.element {
color: $sambuca;
box-shadow: 0 0 0 2px rgba($sambuca, 0.35);
}