Color con nombre más cercano · #111235
#111235
Color con nombre más cercano: Infinite Night
#111235 (rgb(17 18 53), hsl(238 51% 14%), oklch(0.206 0.067 277.5)) se parece más al color con nombre Infinite Night. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#111235
oklch(0.206 0.067 277.5)
Conversiones de color
- HEX
- #111235
- RGB
- rgb(17 18 53)
- HSL
- hsl(238 51% 14%)
- HWB
- hwb(238 7% 79%)
- OKLCH
- oklch(0.206 0.067 277.5)
- OKLab
- oklab(0.206 0.009 -0.067)
- CIE Lab
- lab(6.99 9.44 -23.6)
- LCH
- lch(6.99 25.42 291.8)
- CMYK
- cmyk(68% 66% 0% 79%)
Tintes · Sombras · Tonos
Tintes
- 232648
- 373B5A
- 4D516E
- 646881
- 7C8096
- 9498AA
- AEB1BF
- C8CAD4
- E3E4E9
Sombras
- 0D0E2D
- 090A25
- 06071D
- 040415
- 02020E
- 010108
- 000103
- 000001
- 000000
Tonos
- 1A1D3D
- 242744
- 2E314C
- 393C53
- 44475B
- 4F5262
- 5B5D6A
- 676971
- 737479
Armonías de color
Complementario +180°
- 111235
Infinite Night
- 1D1700
≈ Noir Mystique
Análogo -30° +30°
- 111235
Infinite Night
- 00182F
≈ Oxford by Night
- 200C2E
≈ Midnight Monarch
Triádico +120° +240°
- 111235
Infinite Night
- 2F0800
≈ 3AM Breakup
- 001E0E
≈ Clock Chimes Thirteen
Complementario dividido +150° +210°
- 111235
Infinite Night
- 251300
≈ Super Black
- 101B00
≈ Pinch of Pepper
Tetrádico +90° +180° +270°
- 111235
Infinite Night
- 2F0612
≈ Ilvaite Black
- 1D1700
≈ Noir Mystique
- 001C1A
≈ Black Stallion
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 18.07:1 · APCA Lc 105
Ag
FailSobre negro
WCAG 1.16:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 18.07:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmentos de código
CSS
:root {
--infinite-night: #111235;
--infinite-night-rgb: 17 18 53;
--infinite-night-oklch: oklch(0.206 0.067 277.5);
}
.element {
color: var(--infinite-night);
background-color: hsl(238 51% 14%);
border-color: oklch(0.206 0.067 277.5);
}Tailwind CSS v4
@theme {
--color-infinite-night: #111235;
--color-infinite-night-50: #f1f4ff;
--color-infinite-night-100: #e3e6ff;
--color-infinite-night-200: #ced2f1;
--color-infinite-night-300: #b0b4da;
--color-infinite-night-400: #949bc6;
--color-infinite-night-500: #7b82b3;
--color-infinite-night-600: #686e97;
--color-infinite-night-700: #535879;
--color-infinite-night-800: #3c415a;
--color-infinite-night-900: #292d3f;
--color-infinite-night-950: #171928;
}SCSS
$infinite-night: #111235;
$infinite-night-rgb: 17, 18, 53;
$infinite-night-light: mix(#fff, $infinite-night, 20%);
$infinite-night-dark: mix(#000, $infinite-night, 20%);
.element {
color: $infinite-night;
box-shadow: 0 0 0 2px rgba($infinite-night, 0.35);
}