Colore con nome · #464196
Blueberry
Blueberry è #464196: rgb(70 65 150), hsl(244 40% 42%), oklch(0.428 0.135 281.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Blueberry color name →
#464196
oklch(0.428 0.135 281.7)
Conversioni di colore
- HEX
- #464196
- RGB
- rgb(70 65 150)
- HSL
- hsl(244 40% 42%)
- HWB
- hwb(244 25% 41%)
- OKLCH
- oklch(0.428 0.135 281.7)
- OKLab
- oklab(0.428 0.027 -0.132)
- CIE Lab
- lab(31.81 21.32 -47.03)
- LCH
- lch(31.81 51.63 294.4)
- CMYK
- cmyk(53% 57% 0% 41%)
Tinte · Ombre · Toni
Tinte
- 5554A1
- 6666AC
- 7779B7
- 898CC2
- 9B9ECD
- AEB1D7
- C2C4E1
- D6D8EB
- EAEBF5
Ombre
- 3C3782
- 322E6E
- 28255B
- 1E1C49
- 151337
- 0D0B26
- 050516
- 020108
- 000001
Toni
- 4B4895
- 504F93
- 555691
- 5B5C8F
- 61638D
- 67698B
- 6D6F89
- 737586
- 797A83
Armonie di colore
Complementare +180°
- 464196
Blueberry
- 5A5000
≈ Scorzonera Brown
Analogo -30° +30°
- 464196
Blueberry
- 005092
≈ Blue Olympus
- 673484
≈ Violet Magician
Triadico +120° +240°
- 464196
Blueberry
- 872F00
≈ Coffee Addiction
- 005F3F
≈ Spruce
Complementare divisa +150° +210°
- 464196
Blueberry
- 6E4500
≈ Violin Brown
- 365C00
≈ Lustrian Undergrowth
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.54:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.45:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.54:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--blueberry: #464196;
--blueberry-rgb: 70 65 150;
--blueberry-oklch: oklch(0.428 0.135 281.7);
}
.element {
color: var(--blueberry);
background-color: hsl(244 40% 42%);
border-color: oklch(0.428 0.135 281.7);
}Tailwind CSS v4
@theme {
--color-blueberry: #464196;
--color-blueberry-50: #eff1ff;
--color-blueberry-100: #e1e3ff;
--color-blueberry-200: #cccdff;
--color-blueberry-300: #aeaefa;
--color-blueberry-400: #9294ec;
--color-blueberry-500: #7978dc;
--color-blueberry-600: #6766ba;
--color-blueberry-700: #525195;
--color-blueberry-800: #3a3c70;
--color-blueberry-900: #27294f;
--color-blueberry-950: #161634;
}SCSS
$blueberry: #464196;
$blueberry-rgb: 70, 65, 150;
$blueberry-light: mix(#fff, $blueberry, 20%);
$blueberry-dark: mix(#000, $blueberry, 20%);
.element {
color: $blueberry;
box-shadow: 0 0 0 2px rgba($blueberry, 0.35);
}