Color con nombre más cercano · #1C0C42
#1C0C42
Color con nombre más cercano: Quiet Abyss
#1C0C42 (rgb(28 12 66), hsl(258 69% 15%), oklch(0.219 0.095 289.7)) se parece más al color con nombre Quiet Abyss. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#1C0C42
oklch(0.219 0.095 289.7)
Conversiones de color
- HEX
- #1c0c42
- RGB
- rgb(28 12 66)
- HSL
- hsl(258 69% 15%)
- HWB
- hwb(258 5% 74%)
- OKLCH
- oklch(0.219 0.095 289.7)
- OKLab
- oklab(0.219 0.032 -0.089)
- CIE Lab
- lab(7.7 20.62 -31.72)
- LCH
- lch(7.7 37.83 303)
- CMYK
- cmyk(58% 82% 0% 74%)
Tintes · Sombras · Tonos
Tintes
- 2D2354
- 413966
- 555079
- 6B678B
- 827F9E
- 9A97B1
- B2B0C4
- CBCAD8
- E5E4EB
Sombras
- 170938
- 12062F
- 0D0425
- 08031C
- 050214
- 02010B
- 010005
- 000001
- 000000
Tonos
- 241949
- 2D244F
- 363056
- 3F3B5C
- 494662
- 545169
- 5E5D6F
- 696875
- 75747A
Armonías de color
Complementario +180°
- 1C0C42
Quiet Abyss
- 1C1C00
≈ Liquorice Root
Análogo -30° +30°
- 1C0C42
Quiet Abyss
- 001742
≈ Navy
- 2C0435
≈ Poisonous Purple
Triádico +120° +240°
- 1C0C42
Quiet Abyss
- 2F1000
≈ Chocolate Melange
- 002117
≈ Clock Chimes Thirteen
Complementario dividido +150° +210°
- 1C0C42
Quiet Abyss
- 251700
≈ Cannon Black
- 052100
≈ Rainforest Nights
Tetrádico +90° +180° +270°
- 1C0C42
Quiet Abyss
- 390008
≈ Dark Maroon
- 1C1C00
≈ Liquorice Root
- 001F21
≈ Stellar Explorer
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 17.78:1 · APCA Lc 104
Ag
FailSobre negro
WCAG 1.18:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 17.78:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmentos de código
CSS
:root {
--quiet-abyss: #1c0c42;
--quiet-abyss-rgb: 28 12 66;
--quiet-abyss-oklch: oklch(0.219 0.095 289.7);
}
.element {
color: var(--quiet-abyss);
background-color: hsl(258 69% 15%);
border-color: oklch(0.219 0.095 289.7);
}Tailwind CSS v4
@theme {
--color-quiet-abyss: #1c0c42;
--color-quiet-abyss-50: #f5f1ff;
--color-quiet-abyss-100: #e8e3ff;
--color-quiet-abyss-200: #d4cefa;
--color-quiet-abyss-300: #b8afe5;
--color-quiet-abyss-400: #9d95d3;
--color-quiet-abyss-500: #857bc1;
--color-quiet-abyss-600: #7168a3;
--color-quiet-abyss-700: #5a5383;
--color-quiet-abyss-800: #413d61;
--color-quiet-abyss-900: #2c2a44;
--color-quiet-abyss-950: #1a172c;
}SCSS
$quiet-abyss: #1c0c42;
$quiet-abyss-rgb: 28, 12, 66;
$quiet-abyss-light: mix(#fff, $quiet-abyss, 20%);
$quiet-abyss-dark: mix(#000, $quiet-abyss, 20%);
.element {
color: $quiet-abyss;
box-shadow: 0 0 0 2px rgba($quiet-abyss, 0.35);
}