Colore con nome più vicino · #1A458F
#1A458F
Colore con nome più vicino: Nuit Blanche
#1A458F (rgb(26 69 143), hsl(218 69% 33%), oklch(0.406 0.132 260.5)) è più vicino al colore con nome Nuit Blanche. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#1A458F
oklch(0.406 0.132 260.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 30579B
- 466AA7
- 5B7CB2
- 718EBE
- 88A0C9
- 9FB3D4
- B6C6DF
- CED9EA
- E6ECF4
Ombre
- 153B7C
- 103169
- 0C2757
- 071E45
- 041534
- 020C24
- 010515
- 000207
- 000001
Toni
- 254C8E
- 30528D
- 3A598C
- 445F8B
- 4E658A
- 586A88
- 627087
- 6C7585
- 767B82
Armonie di colore
Complementare +180°
- 1A458F
Nuit Blanche
- 604300
≈ Mud Brown
Analogo -30° +30°
- 1A458F
Nuit Blanche
- 00506D
≈ Gemstone Blue
- 4B378A
≈ Blue Gem
Triadico +120° +240°
- 1A458F
Nuit Blanche
- 822029
≈ Red Dahlia
- 145900
≈ Lincoln Green
Complementare divisa +150° +210°
- 1A458F
Nuit Blanche
- 753400
≈ Bay Brown
- 4C4D00
≈ Scorzonera Brown
Tetradico +90° +180° +270°
- 1A458F
Nuit Blanche
- 7A2252
≈ Smooch
- 604300
≈ Mud Brown
- 005743
≈ Sacramento State Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.16:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.29:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.16:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
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);
}