Color con nombre más cercano · #07143E
#07143E
Color con nombre más cercano: Infinite Night
#07143E (rgb(7 20 62), hsl(226 80% 14%), oklch(0.212 0.083 266)) 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.
#07143E
oklch(0.212 0.083 266)
Conversiones de color
- HEX
- #07143e
- RGB
- rgb(7 20 62)
- HSL
- hsl(226 80% 14%)
- HWB
- hwb(226 3% 76%)
- OKLCH
- oklch(0.212 0.083 266)
- OKLab
- oklab(0.212 -0.006 -0.082)
- CIE Lab
- lab(7.59 9.17 -29.14)
- LCH
- lch(7.59 30.55 287.5)
- CMYK
- cmyk(89% 68% 0% 76%)
Tintes · Sombras · Tonos
Tintes
- 1A2950
- 2F3E63
- 465475
- 5E6B88
- 76829C
- 909AAF
- ABB2C3
- C6CBD6
- E2E5EB
Sombras
- 051035
- 040C2B
- 020823
- 02051A
- 010312
- 00010A
- 000104
- 000001
- 000000
Tonos
- 111F45
- 1C294C
- 273453
- 333E59
- 3F4960
- 4B5467
- 585F6D
- 656A73
- 72757A
Armonías de color
Complementario +180°
- 07143E
Infinite Night
- 221700
≈ Cannon Black
Análogo -30° +30°
- 07143E
Infinite Night
- 001C2B
≈ Oxford by Night
- 1D0C39
≈ Middle Red Purple
Triádico +120° +240°
- 07143E
Infinite Night
- 360203
≈ 3AM Breakup
- 002004
≈ Rainforest Nights
Complementario dividido +150° +210°
- 07143E
Infinite Night
- 2A1100
≈ Shadow Play
- 181B00
≈ Yuzu Soy
Tetrádico +90° +180° +270°
- 07143E
Infinite Night
- 33021A
≈ Rhodophobia
- 221700
≈ Cannon Black
- 001F18
≈ Stellar Explorer
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 17.81:1 · APCA Lc 104
Ag
FailSobre negro
WCAG 1.17:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 17.81:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmentos de código
CSS
:root {
--infinite-night: #07143e;
--infinite-night-rgb: 7 20 62;
--infinite-night-oklch: oklch(0.212 0.083 266);
}
.element {
color: var(--infinite-night);
background-color: hsl(226 80% 14%);
border-color: oklch(0.212 0.083 266);
}Tailwind CSS v4
@theme {
--color-infinite-night: #07143e;
--color-infinite-night-50: #ebf5ff;
--color-infinite-night-100: #dce8ff;
--color-infinite-night-200: #c5d4f9;
--color-infinite-night-300: #a5b7e3;
--color-infinite-night-400: #889ed0;
--color-infinite-night-500: #6c85bd;
--color-infinite-night-600: #5c70a0;
--color-infinite-night-700: #495a80;
--color-infinite-night-800: #34425f;
--color-infinite-night-900: #232e43;
--color-infinite-night-950: #121a2b;
}SCSS
$infinite-night: #07143e;
$infinite-night-rgb: 7, 20, 62;
$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);
}