Color con nombre más cercano · #010E18
#010E18
Color con nombre más cercano: Black Knight
#010E18 (rgb(1 14 24), hsl(206 92% 5%), oklch(0.156 0.031 237.8)) se parece más al color con nombre Black Knight. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#010E18
oklch(0.156 0.031 237.8)
Conversiones de color
- HEX
- #010e18
- RGB
- rgb(1 14 24)
- HSL
- hsl(206 92% 5%)
- HWB
- hwb(206 0% 91%)
- OKLCH
- oklch(0.156 0.031 237.8)
- OKLab
- oklab(0.156 -0.017 -0.026)
- CIE Lab
- lab(3.4 -2.04 -7.25)
- LCH
- lch(3.4 7.53 254.3)
- CMYK
- cmyk(96% 42% 0% 91%)
Tintes · Sombras · Tonos
Tintes
- 12212B
- 28363F
- 3F4C55
- 58636B
- 717B82
- 8C949A
- A8AEB2
- C4C8CB
- E1E3E5
Sombras
- 010B13
- 01070F
- 00050A
- 000307
- 000204
- 000102
- 000001
- 000000
- 000000
Tonos
- 091821
- 15222B
- 212D35
- 2D383F
- 3A4349
- 484F54
- 555B5F
- 63676A
- 717375
Armonías de color
Complementario +180°
- 010E18
Black Knight
- 160901
≈ Soy Sauce
Análogo -30° +30°
- 010E18
Black Knight
- 000F12
≈ Black Glaze
- 070C1A
≈ Dark Rift
Triádico +120° +240°
- 010E18
Black Knight
- 17070C
≈ Noir Fiction
- 0B0E01
≈ Memorial Black
Complementario dividido +150° +210°
- 010E18
Black Knight
- 180705
≈ Asphalt
- 120B00
≈ Balsam of Peru
Tetrádico +90° +180° +270°
- 010E18
Black Knight
- 130713
≈ Noir Fiction
- 160901
≈ Soy Sauce
- 041005
≈ Jedi Night
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 19.49:1 · APCA Lc 106
Ag
FailSobre negro
WCAG 1.07:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 19.49:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmentos de código
CSS
:root {
--black-knight: #010e18;
--black-knight-rgb: 1 14 24;
--black-knight-oklch: oklch(0.156 0.031 237.8);
}
.element {
color: var(--black-knight);
background-color: hsl(206 92% 5%);
border-color: oklch(0.156 0.031 237.8);
}Tailwind CSS v4
@theme {
--color-black-knight: #010e18;
--color-black-knight-50: #edf7fd;
--color-black-knight-100: #dfeaf1;
--color-black-knight-200: #c9d6e1;
--color-black-knight-300: #aabac6;
--color-black-knight-400: #8ea2af;
--color-black-knight-500: #738a99;
--color-black-knight-600: #627481;
--color-black-knight-700: #4e5d67;
--color-black-knight-800: #38444c;
--color-black-knight-900: #262f35;
--color-black-knight-950: #151c20;
}SCSS
$black-knight: #010e18;
$black-knight-rgb: 1, 14, 24;
$black-knight-light: mix(#fff, $black-knight, 20%);
$black-knight-dark: mix(#000, $black-knight, 20%);
.element {
color: $black-knight;
box-shadow: 0 0 0 2px rgba($black-knight, 0.35);
}