Nazwany kolor · #372B2C
Ganache
Ganache to #372B2C: rgb(55 43 44), hsl(355 12% 19%), oklch(0.303 0.018 12.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ganache color name →
#372B2C
oklch(0.303 0.018 12.5)
Konwersje koloru
- HEX
- #372b2c
- RGB
- rgb(55 43 44)
- HSL
- hsl(355 12% 19%)
- HWB
- hwb(355 17% 78%)
- OKLCH
- oklch(0.303 0.018 12.5)
- OKLab
- oklab(0.303 0.017 0.004)
- CIE Lab
- lab(18.95 5.86 1.55)
- LCH
- lch(18.95 6.06 14.8)
- CMYK
- cmyk(0% 22% 20% 78%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 493D3E
- 5B5051
- 6E6465
- 817879
- 958D8E
- A9A3A4
- BEB9BA
- D3D0D0
- E9E7E7
Odcienie ciemniejsze
- 2E2425
- 261D1E
- 1E1617
- 161011
- 0F0A0A
- 080505
- 030202
- 010101
- 000000
Tony
- 3E3334
- 453B3C
- 4C4344
- 534B4C
- 5A5454
- 625C5D
- 696565
- 716E6E
- 787777
Harmonie kolorów
Komplementarna +180°
- 372B2C
Ganache
- 243231
≈ Concealed Green
Analogowa -30° +30°
- 372B2C
Ganache
- 352B31
≈ Mystical Shadow
- 372C28
≈ Roanoke
Triada +120° +240°
- 372B2C
Ganache
- 2B3127
≈ Ebony Wood
- 282F37
≈ Chimney Sweep
Komplementarna rozszczepiona +150° +210°
- 372B2C
Ganache
- 27312C
≈ Concealed Green
- 253135
≈ Navy Black
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 13.59:1 · APCA Lc 100
Ag
FailNa czerni
WCAG 1.54:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 13.59:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmenty kodu
CSS
:root {
--ganache: #372b2c;
--ganache-rgb: 55 43 44;
--ganache-oklch: oklch(0.303 0.018 12.5);
}
.element {
color: var(--ganache);
background-color: hsl(355 12% 19%);
border-color: oklch(0.303 0.018 12.5);
}Tailwind CSS v4
@theme {
--color-ganache: #372b2c;
--color-ganache-50: #faf3f3;
--color-ganache-100: #eee6e6;
--color-ganache-200: #dcd1d2;
--color-ganache-300: #c0b4b4;
--color-ganache-400: #a99a9b;
--color-ganache-500: #928283;
--color-ganache-600: #7b6e6f;
--color-ganache-700: #635858;
--color-ganache-800: #484041;
--color-ganache-900: #322c2d;
--color-ganache-950: #1e191a;
}SCSS
$ganache: #372b2c;
$ganache-rgb: 55, 43, 44;
$ganache-light: mix(#fff, $ganache, 20%);
$ganache-dark: mix(#000, $ganache, 20%);
.element {
color: $ganache;
box-shadow: 0 0 0 2px rgba($ganache, 0.35);
}