Benannte Farbe · #6C8096
Grey Blueberry
Grey Blueberry ist #6C8096: rgb(108 128 150), hsl(211 17% 51%), oklch(0.592 0.041 251). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Grey Blueberry color name →
#6C8096
oklch(0.592 0.041 251)
Farbumrechnungen
- HEX
- #6c8096
- RGB
- rgb(108 128 150)
- HSL
- hsl(211 17% 51%)
- HWB
- hwb(211 42% 41%)
- OKLCH
- oklch(0.592 0.041 251)
- OKLab
- oklab(0.592 -0.013 -0.039)
- CIE Lab
- lab(52.58 -3.53 -14.43)
- LCH
- lch(52.58 14.86 256.3)
- CMYK
- cmyk(28% 15% 0% 41%)
Tints · Shades · Tones
Tints
- 7A8CA0
- 8898AA
- 96A5B5
- A4B1BF
- B3BECA
- C2CAD4
- D1D7DF
- E0E4E9
- EFF2F4
Shades
- 5D6E82
- 4E5D6E
- 404D5B
- 323D49
- 252E37
- 191F26
- 0D1216
- 040608
- 000101
Tones
- 6E8094
- 708092
- 728090
- 74808D
- 76808B
- 788089
- 7A8087
- 7C8085
- 7E8082
Farbharmonien
Komplementär +180°
- 6C8096
Grey Blueberry
- 8E7A63
≈ Lead Grey
Analog -30° +30°
- 6C8096
Grey Blueberry
- 63848F
≈ Play Me a Melody
- 797B96
≈ Waterloo
Triadisch +120° +240°
- 6C8096
Grey Blueberry
- 957478
≈ March Pink
- 75836A
≈ Bladed Grass
Geteilt komplementär +150° +210°
- 6C8096
Grey Blueberry
- 94766B
≈ Mulberry Silk
- 837F63
≈ Knotweed
Tetradisch +90° +180° +270°
- 6C8096
Grey Blueberry
- 8F7585
≈ Plum Legacy
- 8E7A63
≈ Lead Grey
- 698676
≈ Aloe Vera
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.06:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.16:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--grey-blueberry: #6c8096;
--grey-blueberry-rgb: 108 128 150;
--grey-blueberry-oklch: oklch(0.592 0.041 251);
}
.element {
color: var(--grey-blueberry);
background-color: hsl(211 17% 51%);
border-color: oklch(0.592 0.041 251);
}Tailwind CSS v4
@theme {
--color-grey-blueberry: #6c8096;
--color-grey-blueberry-50: #edf6ff;
--color-grey-blueberry-100: #dfe9f6;
--color-grey-blueberry-200: #c8d6e6;
--color-grey-blueberry-300: #a9b9cc;
--color-grey-blueberry-400: #8da1b6;
--color-grey-blueberry-500: #7289a1;
--color-grey-blueberry-600: #617488;
--color-grey-blueberry-700: #4d5c6d;
--color-grey-blueberry-800: #384450;
--color-grey-blueberry-900: #262f38;
--color-grey-blueberry-950: #141b22;
}SCSS
$grey-blueberry: #6c8096;
$grey-blueberry-rgb: 108, 128, 150;
$grey-blueberry-light: mix(#fff, $grey-blueberry, 20%);
$grey-blueberry-dark: mix(#000, $grey-blueberry, 20%);
.element {
color: $grey-blueberry;
box-shadow: 0 0 0 2px rgba($grey-blueberry, 0.35);
}