Color con nombre más cercano · #1A1621
#1A1621
Color con nombre más cercano: Violet Void
#1A1621 (rgb(26 22 33), hsl(262 20% 11%), oklch(0.21 0.022 301.2)) se parece más al color con nombre Violet Void. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#1A1621
oklch(0.21 0.022 301.2)
Conversiones de color
- HEX
- #1a1621
- RGB
- rgb(26 22 33)
- HSL
- hsl(262 20% 11%)
- HWB
- hwb(262 9% 87%)
- OKLCH
- oklch(0.21 0.022 301.2)
- OKLab
- oklab(0.21 0.011 -0.019)
- CIE Lab
- lab(8.1 4.3 -6.96)
- LCH
- lch(8.1 8.18 301.7)
- CMYK
- cmyk(21% 33% 0% 87%)
Tintes · Sombras · Tonos
Tintes
- 2D2934
- 413D47
- 56535C
- 6C6971
- 838087
- 9A989E
- B3B1B6
- CBCACE
- E5E4E6
Sombras
- 15121B
- 100D16
- 0C0910
- 07060B
- 040306
- 020203
- 010101
- 000000
- 000000
Tonos
- 231F2A
- 2C2932
- 36333B
- 403D45
- 4A484E
- 545358
- 5F5E62
- 6A696C
- 757476
Armonías de color
Complementario +180°
- 1A1621
Violet Void
- 171A0E
≈ Nightshade Berries
Análogo -30° +30°
- 1A1621
Violet Void
- 151823
≈ River Styx
- 1E151D
≈ Violet Void
Triádico +120° +240°
- 1A1621
Violet Void
- 20160E
≈ Used Oil
- 0C1C19
≈ Black Stallion
Complementario dividido +150° +210°
- 1A1621
Violet Void
- 1C180C
≈ Noir Mystique
- 111B13
≈ Pinch of Pepper
Tetrádico +90° +180° +270°
- 1A1621
Violet Void
- 221512
≈ Used Oil
- 171A0E
≈ Nightshade Berries
- 0B1B1E
≈ Black Stallion
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 17.78:1 · APCA Lc 105
Ag
FailSobre negro
WCAG 1.18:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 17.78:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmentos de código
CSS
:root {
--violet-void: #1a1621;
--violet-void-rgb: 26 22 33;
--violet-void-oklch: oklch(0.21 0.022 301.2);
}
.element {
color: var(--violet-void);
background-color: hsl(262 20% 11%);
border-color: oklch(0.21 0.022 301.2);
}Tailwind CSS v4
@theme {
--color-violet-void: #1a1621;
--color-violet-void-50: #f6f4fa;
--color-violet-void-100: #e9e6ee;
--color-violet-void-200: #d6d2dc;
--color-violet-void-300: #b9b5c1;
--color-violet-void-400: #a09caa;
--color-violet-void-500: #888393;
--color-violet-void-600: #736f7c;
--color-violet-void-700: #5c5963;
--color-violet-void-800: #434149;
--color-violet-void-900: #2e2d33;
--color-violet-void-950: #1b1a1e;
}SCSS
$violet-void: #1a1621;
$violet-void-rgb: 26, 22, 33;
$violet-void-light: mix(#fff, $violet-void, 20%);
$violet-void-dark: mix(#000, $violet-void, 20%);
.element {
color: $violet-void;
box-shadow: 0 0 0 2px rgba($violet-void, 0.35);
}