Color con nombre más cercano · #0C1627
#0C1627
Color con nombre más cercano: Trapped Darkness
#0C1627 (rgb(12 22 39), hsl(218 53% 10%), oklch(0.2 0.037 260.5)) se parece más al color con nombre Trapped Darkness. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#0C1627
oklch(0.2 0.037 260.5)
Conversiones de color
- HEX
- #0c1627
- RGB
- rgb(12 22 39)
- HSL
- hsl(218 53% 10%)
- HWB
- hwb(218 5% 85%)
- OKLCH
- oklch(0.2 0.037 260.5)
- OKLab
- oklab(0.2 -0.006 -0.037)
- CIE Lab
- lab(7.05 0.3 -13.22)
- LCH
- lch(7.05 13.23 271.3)
- CMYK
- cmyk(69% 44% 0% 85%)
Tintes · Sombras · Tonos
Tintes
- 1F293A
- 343E4D
- 4A5361
- 626976
- 7A818C
- 9399A2
- ADB1B8
- C8CBCF
- E3E5E7
Sombras
- 091220
- 060D1A
- 040914
- 03060E
- 020308
- 010204
- 000102
- 000001
- 000000
Tonos
- 161F2F
- 202938
- 2B3340
- 363E49
- 424852
- 4E535B
- 5A5E64
- 66696D
- 737477
Armonías de color
Complementario +180°
- 0C1627
Trapped Darkness
- 1F1402
≈ Super Black
Análogo -30° +30°
- 0C1627
Trapped Darkness
- 021924
≈ Creeping Death
- 161326
≈ Corbeau
Triádico +120° +240°
- 0C1627
Trapped Darkness
- 250F0F
≈ Italian Roast
- 0C1A0A
≈ Pinch of Pepper
Complementario dividido +150° +210°
- 0C1627
Trapped Darkness
- 231106
≈ Severely Burnt Toast
- 171803
≈ Pinch of Pepper
Tetrádico +90° +180° +270°
- 0C1627
Trapped Darkness
- 230F18
≈ Italian Roast
- 1F1402
≈ Super Black
- 011B14
≈ Pinch of Pepper
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 18.10:1 · APCA Lc 105
Ag
FailSobre negro
WCAG 1.15:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 18.10:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmentos de código
CSS
:root {
--trapped-darkness: #0c1627;
--trapped-darkness-rgb: 12 22 39;
--trapped-darkness-oklch: oklch(0.2 0.037 260.5);
}
.element {
color: var(--trapped-darkness);
background-color: hsl(218 53% 10%);
border-color: oklch(0.2 0.037 260.5);
}Tailwind CSS v4
@theme {
--color-trapped-darkness: #0c1627;
--color-trapped-darkness-50: #eff5ff;
--color-trapped-darkness-100: #e1e8f5;
--color-trapped-darkness-200: #ccd5e5;
--color-trapped-darkness-300: #adb8cb;
--color-trapped-darkness-400: #929fb5;
--color-trapped-darkness-500: #7887a0;
--color-trapped-darkness-600: #667287;
--color-trapped-darkness-700: #515b6c;
--color-trapped-darkness-800: #3b4350;
--color-trapped-darkness-900: #282e37;
--color-trapped-darkness-950: #161b22;
}SCSS
$trapped-darkness: #0c1627;
$trapped-darkness-rgb: 12, 22, 39;
$trapped-darkness-light: mix(#fff, $trapped-darkness, 20%);
$trapped-darkness-dark: mix(#000, $trapped-darkness, 20%);
.element {
color: $trapped-darkness;
box-shadow: 0 0 0 2px rgba($trapped-darkness, 0.35);
}