Najbliższy nazwany kolor · #3E2B39
#3E2B39
Najbliższy nazwany kolor: Voodoo
#3E2B39 (rgb(62 43 57), hsl(316 18% 21%), oklch(0.317 0.036 336.3)) jest najbliższy nazwanemu kolorowi Voodoo. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3E2B39
oklch(0.317 0.036 336.3)
Konwersje koloru
- HEX
- #3e2b39
- RGB
- rgb(62 43 57)
- HSL
- hsl(316 18% 21%)
- HWB
- hwb(316 17% 76%)
- OKLCH
- oklch(0.317 0.036 336.3)
- OKLab
- oklab(0.317 0.033 -0.015)
- CIE Lab
- lab(20.25 11.12 -5.36)
- LCH
- lch(20.25 12.34 334.2)
- CMYK
- cmyk(0% 31% 8% 76%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4F3D4A
- 61505C
- 73646F
- 867982
- 998E96
- ADA3AA
- C1BABF
- D5D0D4
- EAE7E9
Odcienie ciemniejsze
- 352430
- 2B1D28
- 23161F
- 1A1017
- 120A10
- 0A0509
- 040204
- 010101
- 000000
Tony
- 443340
- 4B3B46
- 51434D
- 584B54
- 5E545B
- 655C63
- 6C656A
- 726E71
- 797779
Harmonie kolorów
Komplementarna +180°
- 3E2B39
Voodoo
- 22382A
≈ Palm Green
Analogowa -30° +30°
- 3E2B39
Voodoo
- 372D41
≈ Obsidian Lava Black
- 422A2F
≈ Wenge Black
Triada +120° +240°
- 3E2B39
Voodoo
- 37321C
≈ Pullman Green
- 1B373E
≈ Nordic
Komplementarna rozszczepiona +150° +210°
- 3E2B39
Voodoo
- 2D3521
≈ Rangitoto
- 1A3835
≈ Fait Accompli
Tetrada +90° +180° +270°
- 3E2B39
Voodoo
- 3F2E1E
≈ Cola
- 22382A
≈ Palm Green
- 233444
≈ Blue Whale
Kontrast i dostępność
Ag
AAANa bieli
WCAG 13.04:1 · APCA Lc 99
Ag
FailNa czerni
WCAG 1.60:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 13.04:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
CSS
:root {
--voodoo: #3e2b39;
--voodoo-rgb: 62 43 57;
--voodoo-oklch: oklch(0.317 0.036 336.3);
}
.element {
color: var(--voodoo);
background-color: hsl(316 18% 21%);
border-color: oklch(0.317 0.036 336.3);
}Tailwind CSS v4
@theme {
--color-voodoo: #3e2b39;
--color-voodoo-50: #fdf1f9;
--color-voodoo-100: #f1e3ec;
--color-voodoo-200: #dfcfda;
--color-voodoo-300: #c5b1be;
--color-voodoo-400: #ad97a7;
--color-voodoo-500: #967d8f;
--color-voodoo-600: #7f6a79;
--color-voodoo-700: #665561;
--color-voodoo-800: #4b3e48;
--color-voodoo-900: #342b32;
--color-voodoo-950: #1f181e;
}SCSS
$voodoo: #3e2b39;
$voodoo-rgb: 62, 43, 57;
$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);
}