Cor nomeada · #46444C
Kala Namak
Kala Namak é #46444C: rgb(70 68 76), hsl(255 6% 28%), oklch(0.392 0.014 297.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Kala Namak color name →
#46444C
oklch(0.392 0.014 297.2)
Conversões de cor
- HEX
- #46444c
- RGB
- rgb(70 68 76)
- HSL
- hsl(255 6% 28%)
- HWB
- hwb(255 27% 70%)
- OKLCH
- oklch(0.392 0.014 297.2)
- OKLab
- oklab(0.392 0.006 -0.012)
- CIE Lab
- lab(29.27 2.23 -4.52)
- LCH
- lch(29.27 5.04 296.2)
- CMYK
- cmyk(8% 11% 0% 70%)
Tons claros · Sombras · Tons
Tons claros
- 56555C
- 67666D
- 79777E
- 8B8A8F
- 9D9CA1
- B0AFB3
- C3C3C6
- D7D6D8
- EBEBEC
Sombras
- 3C3A41
- 323036
- 28262C
- 1E1D22
- 151418
- 0D0C0F
- 050506
- 020202
- 000000
Tons
- 4C4A51
- 514F56
- 57555B
- 5C5B60
- 626165
- 68676B
- 6E6D70
- 747475
- 7A7A7B
Harmonias de cor
Complementar +180°
- 46444C
Kala Namak
- 45463E
≈ Heavy Metal
Análoga -30° +30°
- 46444C
Kala Namak
- 42454D
≈ Smoking Night Blue
- 4A4349
≈ Violet Black
Tríade +120° +240°
- 46444C
Kala Namak
- 4B443E
≈ Espresso Beans
- 3E4845
≈ Panda Black
Complementar dividida +150° +210°
- 46444C
Kala Namak
- 48453D
≈ Whiskey and Wine
- 414841
≈ Black Forest Green
Tétrade +90° +180° +270°
- 46444C
Kala Namak
- 4D4341
≈ Mulch
- 45463E
≈ Heavy Metal
- 3D4849
≈ Panda Black
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.58:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 2.19:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 9.58:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--kala-namak: #46444c;
--kala-namak-rgb: 70 68 76;
--kala-namak-oklch: oklch(0.392 0.014 297.2);
}
.element {
color: var(--kala-namak);
background-color: hsl(255 6% 28%);
border-color: oklch(0.392 0.014 297.2);
}Tailwind CSS v4
@theme {
--color-kala-namak: #46444c;
--color-kala-namak-50: #f5f4f8;
--color-kala-namak-100: #e8e7ec;
--color-kala-namak-200: #d5d3d9;
--color-kala-namak-300: #b8b6bd;
--color-kala-namak-400: #9f9da6;
--color-kala-namak-500: #87848e;
--color-kala-namak-600: #727078;
--color-kala-namak-700: #5b5a60;
--color-kala-namak-800: #434147;
--color-kala-namak-900: #2e2d31;
--color-kala-namak-950: #1b1a1d;
}SCSS
$kala-namak: #46444c;
$kala-namak-rgb: 70, 68, 76;
$kala-namak-light: mix(#fff, $kala-namak, 20%);
$kala-namak-dark: mix(#000, $kala-namak, 20%);
.element {
color: $kala-namak;
box-shadow: 0 0 0 2px rgba($kala-namak, 0.35);
}