Benannte Farbe · #9AAAB6
Wave Goodbye
Wave Goodbye ist #9AAAB6: rgb(154 170 182), hsl(206 16% 66%), oklch(0.729 0.025 240.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Wave Goodbye color name →
#9AAAB6
oklch(0.729 0.025 240.2)
Farbumrechnungen
- HEX
- #9aaab6
- RGB
- rgb(154 170 182)
- HSL
- hsl(206 16% 66%)
- HWB
- hwb(206 60% 29%)
- OKLCH
- oklch(0.729 0.025 240.2)
- OKLab
- oklab(0.729 -0.012 -0.022)
- CIE Lab
- lab(68.64 -3.9 -8.19)
- LCH
- lch(68.64 9.08 244.5)
- CMYK
- cmyk(15% 7% 0% 29%)
Tints · Shades · Tones
Tints
- A4B2BD
- AEBBC4
- B7C3CB
- C1CBD3
- CBD4DA
- D6DCE1
- E0E5E9
- EAEEF0
- F5F6F8
Shades
- 85939E
- 717D86
- 5E686F
- 4B5359
- 393F44
- 272D30
- 171B1D
- 090B0C
- 010102
Tones
- 97A6B0
- 95A1AB
- 929DA5
- 9099A0
- 8D959B
- 8A9195
- 888C90
- 85888B
- 838485
Farbharmonien
Komplementär +180°
- 9AAAB6
Wave Goodbye
- B4A498
≈ Utterly Beige
Analog -30° +30°
- 9AAAB6
Wave Goodbye
- 96ACB0
≈ Bucolic Blue
- A1A7B8
≈ Curated Lilac
Triadisch +120° +240°
- 9AAAB6
Wave Goodbye
- B6A1A7
≈ Magical Mauve
- A5AA99
≈ Alpine Summer
Geteilt komplementär +150° +210°
- 9AAAB6
Wave Goodbye
- B7A29E
≈ Desert Echo
- ADA796
≈ Abbey Stone
Tetradisch +90° +180° +270°
- 9AAAB6
Wave Goodbye
- B1A2AF
≈ Midsummer Twilight
- B4A498
≈ Utterly Beige
- 9DAC9F
≈ Green Balsam
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.38:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.79:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--wave-goodbye: #9aaab6;
--wave-goodbye-rgb: 154 170 182;
--wave-goodbye-oklch: oklch(0.729 0.025 240.2);
}
.element {
color: var(--wave-goodbye);
background-color: hsl(206 16% 66%);
border-color: oklch(0.729 0.025 240.2);
}Tailwind CSS v4
@theme {
--color-wave-goodbye: #9aaab6;
--color-wave-goodbye-50: #eff6fc;
--color-wave-goodbye-100: #e1e9f0;
--color-wave-goodbye-200: #cbd6de;
--color-wave-goodbye-300: #adb9c3;
--color-wave-goodbye-400: #92a1ac;
--color-wave-goodbye-500: #788995;
--color-wave-goodbye-600: #66747e;
--color-wave-goodbye-700: #515d65;
--color-wave-goodbye-800: #3b444a;
--color-wave-goodbye-900: #282f33;
--color-wave-goodbye-950: #161b1f;
}SCSS
$wave-goodbye: #9aaab6;
$wave-goodbye-rgb: 154, 170, 182;
$wave-goodbye-light: mix(#fff, $wave-goodbye, 20%);
$wave-goodbye-dark: mix(#000, $wave-goodbye, 20%);
.element {
color: $wave-goodbye;
box-shadow: 0 0 0 2px rgba($wave-goodbye, 0.35);
}