Benannte Farbe · #7A808D
Blue Mood
Blue Mood ist #7A808D: rgb(122 128 141), hsl(221 8% 52%), oklch(0.599 0.021 265.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Blue Mood color name →
#7A808D
oklch(0.599 0.021 265.9)
Farbumrechnungen
- HEX
- #7a808d
- RGB
- rgb(122 128 141)
- HSL
- hsl(221 8% 52%)
- HWB
- hwb(221 48% 45%)
- OKLCH
- oklch(0.599 0.021 265.9)
- OKLab
- oklab(0.599 -0.002 -0.021)
- CIE Lab
- lab(53.41 -0.21 -7.85)
- LCH
- lch(53.41 7.86 268.5)
- CMYK
- cmyk(13% 9% 0% 45%)
Tints · Shades · Tones
Tints
- 868C98
- 9398A3
- A0A4AE
- ADB1B9
- BABEC5
- C8CAD0
- D5D7DC
- E3E4E7
- F1F2F3
Shades
- 696E7A
- 595D67
- 494D55
- 3A3D44
- 2B2E33
- 1D1F23
- 101214
- 050607
- 010101
Tones
- 7B808C
- 7B808A
- 7C8089
- 7C8088
- 7D8087
- 7E8085
- 7E8084
- 7F8083
- 7F8081
Farbharmonien
Komplementär +180°
- 7A808D
Blue Mood
- 867F72
≈ Adaptive Shade
Analog -30° +30°
- 7A808D
Blue Mood
- 75828B
≈ Battle Blue
- 817E8B
≈ Soft Savvy
Triadisch +120° +240°
- 7A808D
Blue Mood
- 8C7B79
≈ Ashen Violet
- 788479
≈ Cigar Smoke
Geteilt komplementär +150° +210°
- 7A808D
Blue Mood
- 8A7D74
≈ Silt
- 7F8274
≈ Warm Eucalyptus
Tetradisch +90° +180° +270°
- 7A808D
Blue Mood
- 8B7B80
≈ Ganymede
- 867F72
≈ Adaptive Shade
- 73847F
≈ Armour
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.96:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.29:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--blue-mood: #7a808d;
--blue-mood-rgb: 122 128 141;
--blue-mood-oklch: oklch(0.599 0.021 265.9);
}
.element {
color: var(--blue-mood);
background-color: hsl(221 8% 52%);
border-color: oklch(0.599 0.021 265.9);
}Tailwind CSS v4
@theme {
--color-blue-mood: #7a808d;
--color-blue-mood-50: #f2f5fb;
--color-blue-mood-100: #e5e8ef;
--color-blue-mood-200: #d0d4de;
--color-blue-mood-300: #b3b7c3;
--color-blue-mood-400: #989eab;
--color-blue-mood-500: #808695;
--color-blue-mood-600: #6c727e;
--color-blue-mood-700: #565b65;
--color-blue-mood-800: #3f424a;
--color-blue-mood-900: #2b2e33;
--color-blue-mood-950: #181b1f;
}SCSS
$blue-mood: #7a808d;
$blue-mood-rgb: 122, 128, 141;
$blue-mood-light: mix(#fff, $blue-mood, 20%);
$blue-mood-dark: mix(#000, $blue-mood, 20%);
.element {
color: $blue-mood;
box-shadow: 0 0 0 2px rgba($blue-mood, 0.35);
}