Colore con nome più vicino · #1A3A9C
#1A3A9C
Colore con nome più vicino: Smalt
#1A3A9C (rgb(26 58 156), hsl(225 71% 36%), oklch(0.394 0.164 265.3)) è più vicino al colore con nome Smalt. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#1A3A9C
oklch(0.394 0.164 265.3)
Conversioni di colore
- HEX
- #1a3a9c
- RGB
- rgb(26 58 156)
- HSL
- hsl(225 71% 36%)
- HWB
- hwb(225 10% 39%)
- OKLCH
- oklch(0.394 0.164 265.3)
- OKLab
- oklab(0.394 -0.013 -0.163)
- CIE Lab
- lab(27.51 19.38 -57.8)
- LCH
- lch(27.51 60.96 288.5)
- CMYK
- cmyk(83% 63% 0% 39%)
Tinte · Ombre · Toni
Tinte
- 2E4FA7
- 4263B2
- 5876BD
- 6E8AC7
- 859DD1
- 9CB0DB
- B4C4E4
- CDD7ED
- E6EBF6
Ombre
- 153187
- 102873
- 0C205F
- 07184C
- 041039
- 020928
- 010418
- 000109
- 000001
Toni
- 24439A
- 2D4B98
- 375396
- 415A94
- 4C6191
- 56688E
- 606E8B
- 6B7488
- 757A84
Armonie di colore
Complementare +180°
- 1A3A9C
Smalt
- 5A4200
≈ Sugarloaf Brown
Analogo -30° +30°
Triadico +120° +240°
- 1A3A9C
Smalt
- 880011
≈ Bloodthirsty
- 005614
≈ Swamp Monster
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.86:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.12:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.86:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--smalt: #1a3a9c;
--smalt-rgb: 26 58 156;
--smalt-oklch: oklch(0.394 0.164 265.3);
}
.element {
color: var(--smalt);
background-color: hsl(225 71% 36%);
border-color: oklch(0.394 0.164 265.3);
}Tailwind CSS v4
@theme {
--color-smalt: #1a3a9c;
--color-smalt-50: #e0f5ff;
--color-smalt-100: #d0e7ff;
--color-smalt-200: #b5d2ff;
--color-smalt-300: #92b4ff;
--color-smalt-400: #6f9aff;
--color-smalt-500: #507ef1;
--color-smalt-600: #456bcb;
--color-smalt-700: #3656a4;
--color-smalt-800: #233f7a;
--color-smalt-900: #172b56;
--color-smalt-950: #09183a;
}SCSS
$smalt: #1a3a9c;
$smalt-rgb: 26, 58, 156;
$smalt-light: mix(#fff, $smalt, 20%);
$smalt-dark: mix(#000, $smalt, 20%);
.element {
color: $smalt;
box-shadow: 0 0 0 2px rgba($smalt, 0.35);
}