Colore con nome più vicino · #8697E2
#8697E2
Colore con nome più vicino: Azureno
#8697E2 (rgb(134 151 226), hsl(229 61% 71%), oklch(0.693 0.112 273.4)) è più vicino al colore con nome Azureno. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8697E2
oklch(0.693 0.112 273.4)
Conversioni di colore
- HEX
- #8697e2
- RGB
- rgb(134 151 226)
- HSL
- hsl(229 61% 71%)
- HWB
- hwb(229 53% 11%)
- OKLCH
- oklch(0.693 0.112 273.4)
- OKLab
- oklab(0.693 0.007 -0.112)
- CIE Lab
- lab(63.43 8.08 -40.53)
- LCH
- lch(63.43 41.32 281.3)
- CMYK
- cmyk(41% 33% 0% 11%)
Tinte · Ombre · Toni
Tinte
- 91A1E6
- 9DACE9
- A8B6EC
- B4C1EF
- C0CBF2
- CDD5F5
- D9E0F8
- E6EAFA
- F2F5FD
Ombre
- 7483C4
- 626FA8
- 515C8C
- 404971
- 303757
- 21263E
- 131727
- 060812
- 010103
Toni
- 8595D8
- 8593CE
- 8491C5
- 838FBB
- 838CB1
- 828AA7
- 82889D
- 818594
- 81838A
Armonie di colore
Complementare +180°
- 8697E2
Azureno
- B49B41
≈ Gold Taffeta
Analogo -30° +30°
- 8697E2
Azureno
- 59A4DD
≈ Windjammer
- AB8BD5
≈ Middy’s Purple
Triadico +120° +240°
- 8697E2
Azureno
- D9826E
≈ Indian Princess
- 60B17B
≈ Pale Green
Complementare divisa +150° +210°
- 8697E2
Azureno
- CD8C4D
≈ Orange Nectar Bat
- 8FA856
≈ Chelsea Cucumber
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.53:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--azureno: #8697e2;
--azureno-rgb: 134 151 226;
--azureno-oklch: oklch(0.693 0.112 273.4);
}
.element {
color: var(--azureno);
background-color: hsl(229 61% 71%);
border-color: oklch(0.693 0.112 273.4);
}Tailwind CSS v4
@theme {
--color-azureno: #8697e2;
--color-azureno-50: #ebf3ff;
--color-azureno-100: #dde6ff;
--color-azureno-200: #c6d1ff;
--color-azureno-300: #a7b3f1;
--color-azureno-400: #8999e1;
--color-azureno-500: #6f7fd0;
--color-azureno-600: #5e6cb0;
--color-azureno-700: #4b568d;
--color-azureno-800: #343f69;
--color-azureno-900: #242c4a;
--color-azureno-950: #131931;
}SCSS
$azureno: #8697e2;
$azureno-rgb: 134, 151, 226;
$azureno-light: mix(#fff, $azureno, 20%);
$azureno-dark: mix(#000, $azureno, 20%);
.element {
color: $azureno;
box-shadow: 0 0 0 2px rgba($azureno, 0.35);
}