Benannte Farbe · #8290A6
Blueberry Soda
Blueberry Soda ist #8290A6: rgb(130 144 166), hsl(217 17% 58%), oklch(0.65 0.037 259.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blueberry Soda color name →
#8290A6
oklch(0.65 0.037 259.4)
Farbumrechnungen
- HEX
- #8290a6
- RGB
- rgb(130 144 166)
- HSL
- hsl(217 17% 58%)
- HWB
- hwb(217 51% 35%)
- OKLCH
- oklch(0.65 0.037 259.4)
- OKLab
- oklab(0.65 -0.007 -0.036)
- CIE Lab
- lab(59.23 -1.51 -13.44)
- LCH
- lch(59.23 13.53 263.6)
- CMYK
- cmyk(22% 13% 0% 35%)
Tints · Shades · Tones
Tints
- 8E9BAF
- 9AA5B7
- A6B0C0
- B2BBC9
- BFC6D2
- CBD1DB
- D8DDE4
- E5E8ED
- F2F3F6
Shades
- 707D90
- 5F6A7A
- 4E5765
- 3E4551
- 2F343E
- 20242B
- 12151A
- 06070A
- 010101
Tones
- 828EA2
- 828D9E
- 818B9B
- 818A97
- 818893
- 81868F
- 81858B
- 808388
- 808284
Farbharmonien
Komplementär +180°
- 8290A6
Blueberry Soda
- 9B8D76
≈ Rustic Hacienda
Analog -30° +30°
- 8290A6
Blueberry Soda
- 7994A1
≈ Ebb Tide
- 8E8CA5
≈ Delicate Violet
Triadisch +120° +240°
- 8290A6
Blueberry Soda
- A58786
≈ Blackberry Mocha
- 849580
≈ Silver Linden Grey
Geteilt komplementär +150° +210°
- 8290A6
Blueberry Soda
- A2897C
≈ Soft Impala
- 909178
≈ Paseo Verde
Tetradisch +90° +180° +270°
- 8290A6
Blueberry Soda
- A18692
≈ Art Nouveau Violet
- 9B8D76
≈ Rustic Hacienda
- 7A978B
≈ Azores
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.23:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.48:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.48:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--blueberry-soda: #8290a6;
--blueberry-soda-rgb: 130 144 166;
--blueberry-soda-oklch: oklch(0.65 0.037 259.4);
}
.element {
color: var(--blueberry-soda);
background-color: hsl(217 17% 58%);
border-color: oklch(0.65 0.037 259.4);
}Tailwind CSS v4
@theme {
--color-blueberry-soda: #8290a6;
--color-blueberry-soda-50: #eff5ff;
--color-blueberry-soda-100: #e1e8f5;
--color-blueberry-soda-200: #ccd5e4;
--color-blueberry-soda-300: #adb8cb;
--color-blueberry-soda-400: #929fb5;
--color-blueberry-soda-500: #78879f;
--color-blueberry-soda-600: #667286;
--color-blueberry-soda-700: #515b6c;
--color-blueberry-soda-800: #3a434f;
--color-blueberry-soda-900: #282e37;
--color-blueberry-soda-950: #161b22;
}SCSS
$blueberry-soda: #8290a6;
$blueberry-soda-rgb: 130, 144, 166;
$blueberry-soda-light: mix(#fff, $blueberry-soda, 20%);
$blueberry-soda-dark: mix(#000, $blueberry-soda, 20%);
.element {
color: $blueberry-soda;
box-shadow: 0 0 0 2px rgba($blueberry-soda, 0.35);
}