Najbliższy nazwany kolor · #44333F
#44333F
Najbliższy nazwany kolor: Voodoo
#44333F (rgb(68 51 63), hsl(318 14% 23%), oklch(0.345 0.031 337.2)) jest najbliższy nazwanemu kolorowi Voodoo. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#44333F
oklch(0.345 0.031 337.2)
Konwersje koloru
- HEX
- #44333f
- RGB
- rgb(68 51 63)
- HSL
- hsl(318 14% 23%)
- HWB
- hwb(318 20% 73%)
- OKLCH
- oklch(0.345 0.031 337.2)
- OKLab
- oklab(0.345 0.029 -0.012)
- CIE Lab
- lab(23.54 9.67 -4.45)
- LCH
- lch(23.54 10.65 335.3)
- CMYK
- cmyk(0% 25% 7% 73%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 554550
- 665761
- 786A74
- 8A7E86
- 9D9299
- B0A7AD
- C3BDC1
- D7D2D5
- EBE8EA
Odcienie ciemniejsze
- 3A2B35
- 30232C
- 261C23
- 1D141B
- 140D12
- 0C070A
- 050304
- 020101
- 000000
Tony
- 4A3A45
- 50424B
- 564952
- 5C5158
- 62585F
- 686065
- 6E686C
- 747072
- 7A7879
Harmonie kolorów
Komplementarna +180°
- 44333F
Voodoo
- 2C3E33
≈ Celtic
Analogowa -30° +30°
- 44333F
Voodoo
- 3D3546
≈ Royal Decree
- 483236
≈ Rhinox Hide
Triada +120° +240°
- 44333F
Voodoo
- 3D3927
≈ Magic Metal
- 263D44
≈ Cool Current
Komplementarna rozszczepiona +150° +210°
- 44333F
Voodoo
- 353C2B
≈ Green Kelp
- 263F3C
≈ Pine Grove
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.72:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.79:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.72:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--voodoo: #44333f;
--voodoo-rgb: 68 51 63;
--voodoo-oklch: oklch(0.345 0.031 337.2);
}
.element {
color: var(--voodoo);
background-color: hsl(318 14% 23%);
border-color: oklch(0.345 0.031 337.2);
}Tailwind CSS v4
@theme {
--color-voodoo: #44333f;
--color-voodoo-50: #fcf2f8;
--color-voodoo-100: #efe4eb;
--color-voodoo-200: #decfd9;
--color-voodoo-300: #c3b2bd;
--color-voodoo-400: #ab98a5;
--color-voodoo-500: #947f8e;
--color-voodoo-600: #7e6b78;
--color-voodoo-700: #645660;
--color-voodoo-800: #4a3e47;
--color-voodoo-900: #332b31;
--color-voodoo-950: #1f181d;
}SCSS
$voodoo: #44333f;
$voodoo-rgb: 68, 51, 63;
$voodoo-light: mix(#fff, $voodoo, 20%);
$voodoo-dark: mix(#000, $voodoo, 20%);
.element {
color: $voodoo;
box-shadow: 0 0 0 2px rgba($voodoo, 0.35);
}