Color con nombre más cercano · #1A458F
#1A458F
Color con nombre más cercano: Nuit Blanche
#1A458F (rgb(26 69 143), hsl(218 69% 33%), oklch(0.406 0.132 260.5)) se parece más al color con nombre Nuit Blanche. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#1A458F
oklch(0.406 0.132 260.5)
Conversiones de color
- HEX
- #1a458f
- RGB
- rgb(26 69 143)
- HSL
- hsl(218 69% 33%)
- HWB
- hwb(218 10% 44%)
- OKLCH
- oklch(0.406 0.132 260.5)
- OKLab
- oklab(0.406 -0.022 -0.13)
- CIE Lab
- lab(29.82 7.79 -46.14)
- LCH
- lch(29.82 46.79 279.6)
- CMYK
- cmyk(82% 52% 0% 44%)
Tintes · Sombras · Tonos
Tintes
- 30579B
- 466AA7
- 5B7CB2
- 718EBE
- 88A0C9
- 9FB3D4
- B6C6DF
- CED9EA
- E6ECF4
Sombras
- 153B7C
- 103169
- 0C2757
- 071E45
- 041534
- 020C24
- 010515
- 000207
- 000001
Tonos
- 254C8E
- 30528D
- 3A598C
- 445F8B
- 4E658A
- 586A88
- 627087
- 6C7585
- 767B82
Armonías de color
Complementario +180°
- 1A458F
Nuit Blanche
- 604300
≈ Mud Brown
Análogo -30° +30°
- 1A458F
Nuit Blanche
- 00506D
≈ Gemstone Blue
- 4B378A
≈ Blue Gem
Triádico +120° +240°
- 1A458F
Nuit Blanche
- 822029
≈ Red Dahlia
- 145900
≈ Lincoln Green
Complementario dividido +150° +210°
- 1A458F
Nuit Blanche
- 753400
≈ Bay Brown
- 4C4D00
≈ Scorzonera Brown
Tetrádico +90° +180° +270°
- 1A458F
Nuit Blanche
- 7A2252
≈ Smooch
- 604300
≈ Mud Brown
- 005743
≈ Sacramento State Green
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.16:1 · APCA Lc 91
Ag
FailSobre negro
WCAG 2.29:1 · APCA Lc 12
Mejor color de texto: #FFFFFF
WCAG 9.16:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--nuit-blanche: #1a458f;
--nuit-blanche-rgb: 26 69 143;
--nuit-blanche-oklch: oklch(0.406 0.132 260.5);
}
.element {
color: var(--nuit-blanche);
background-color: hsl(218 69% 33%);
border-color: oklch(0.406 0.132 260.5);
}Tailwind CSS v4
@theme {
--color-nuit-blanche: #1a458f;
--color-nuit-blanche-50: #e1f6ff;
--color-nuit-blanche-100: #d1e9ff;
--color-nuit-blanche-200: #b6d5ff;
--color-nuit-blanche-300: #93b7fb;
--color-nuit-blanche-400: #709eec;
--color-nuit-blanche-500: #5184dc;
--color-nuit-blanche-600: #4570ba;
--color-nuit-blanche-700: #375a95;
--color-nuit-blanche-800: #24426f;
--color-nuit-blanche-900: #182e4e;
--color-nuit-blanche-950: #091a34;
}SCSS
$nuit-blanche: #1a458f;
$nuit-blanche-rgb: 26, 69, 143;
$nuit-blanche-light: mix(#fff, $nuit-blanche, 20%);
$nuit-blanche-dark: mix(#000, $nuit-blanche, 20%);
.element {
color: $nuit-blanche;
box-shadow: 0 0 0 2px rgba($nuit-blanche, 0.35);
}