Color con nombre más cercano · #010A12
#010A12
Color con nombre más cercano: Black Knight
#010A12 (rgb(1 10 18), hsl(208 89% 4%), oklch(0.138 0.026 237.2)) 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.
#010A12
oklch(0.138 0.026 237.2)
Conversiones de color
- HEX
- #010a12
- RGB
- rgb(1 10 18)
- HSL
- hsl(208 89% 4%)
- HWB
- hwb(208 0% 93%)
- OKLCH
- oklch(0.138 0.026 237.2)
- OKLab
- oklab(0.138 -0.014 -0.022)
- CIE Lab
- lab(2.36 -1.41 -4.65)
- LCH
- lch(2.36 4.86 253.1)
- CMYK
- cmyk(94% 44% 0% 93%)
Tintes · Sombras · Tonos
Tintes
- 111D25
- 26323A
- 3E4850
- 566066
- 70787E
- 8B9296
- A7ACB0
- C3C7C9
- E1E3E4
Sombras
- 01070E
- 01050A
- 000307
- 000204
- 000102
- 000101
- 000001
- 000000
- 000000
Tonos
- 08141C
- 131F26
- 202930
- 2C353B
- 394146
- 474D51
- 54595C
- 636668
- 717374
Armonías de color
Complementario +180°
- 010A12
Black Knight
- 110601
≈ Blackout
Análogo -30° +30°
- 010A12
Black Knight
- 000B0E
≈ Black Knight
- 050813
≈ Narwhal Grey
Triádico +120° +240°
- 010A12
Black Knight
- 110509
≈ Knight Rider
- 080A01
≈ Whiten’t
Complementario dividido +150° +210°
- 010A12
Black Knight
- 120504
≈ Knight Rider
- 0D0800
≈ Blackout
Tetrádico +90° +180° +270°
- 010A12
Black Knight
- 0E050E
≈ Not Tonight
- 110601
≈ Blackout
- 030B04
≈ Whiten’t
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 19.93:1 · APCA Lc 106
Ag
FailSobre negro
WCAG 1.05:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 19.93:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmentos de código
CSS
:root {
--black-knight: #010a12;
--black-knight-rgb: 1 10 18;
--black-knight-oklch: oklch(0.138 0.026 237.2);
}
.element {
color: var(--black-knight);
background-color: hsl(208 89% 4%);
border-color: oklch(0.138 0.026 237.2);
}Tailwind CSS v4
@theme {
--color-black-knight: #010a12;
--color-black-knight-50: #eff6fc;
--color-black-knight-100: #e0e9f0;
--color-black-knight-200: #cbd6de;
--color-black-knight-300: #acbac4;
--color-black-knight-400: #91a1ac;
--color-black-knight-500: #768996;
--color-black-knight-600: #64747f;
--color-black-knight-700: #505d65;
--color-black-knight-800: #3a444a;
--color-black-knight-900: #282f34;
--color-black-knight-950: #161c1f;
}SCSS
$black-knight: #010a12;
$black-knight-rgb: 1, 10, 18;
$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);
}