Benannte Farbe · #8AA4AC
Impressionist
Impressionist ist #8AA4AC: rgb(138 164 172), hsl(194 17% 61%), oklch(0.701 0.031 218.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Impressionist color name →
#8AA4AC
oklch(0.701 0.031 218.3)
Farbumrechnungen
- HEX
- #8aa4ac
- RGB
- rgb(138 164 172)
- HSL
- hsl(194 17% 61%)
- HWB
- hwb(194 54% 33%)
- OKLCH
- oklch(0.701 0.031 218.3)
- OKLab
- oklab(0.701 -0.024 -0.019)
- CIE Lab
- lab(65.57 -8.03 -7.34)
- LCH
- lch(65.57 10.88 222.4)
- CMYK
- cmyk(20% 5% 0% 33%)
Tints · Shades · Tones
Tints
- 95ADB4
- A1B6BC
- ACBFC4
- B8C8CD
- C3D1D5
- CFDADD
- DBE3E6
- E7ECEE
- F3F6F6
Shades
- 778E95
- 65797F
- 536469
- 425054
- 323D40
- 222B2D
- 141A1B
- 070A0B
- 010101
Tones
- 89A0A8
- 889DA3
- 87999F
- 86959A
- 859296
- 848E91
- 838B8D
- 828789
- 818484
Farbharmonien
Komplementär +180°
- 8AA4AC
Impressionist
- B19991
≈ Quarry Quartz
Analog -30° +30°
- 8AA4AC
Impressionist
- 8AA6A2
≈ Tropical Cascade
- 90A1B2
≈ Canary Wharf
Triadisch +120° +240°
- 8AA4AC
Impressionist
- AD98A6
≈ Heliotrope Grey
- A49F8A
≈ Apple Hill
Geteilt komplementär +150° +210°
- 8AA4AC
Impressionist
- B1979B
≈ Pincushion
- AC9C8B
≈ Delicate Truffle
Tetradisch +90° +180° +270°
- 8AA4AC
Impressionist
- A49AAE
≈ Indolence
- B19991
≈ Quarry Quartz
- 99A38E
≈ Big Fish
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.62:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.98:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--impressionist: #8aa4ac;
--impressionist-rgb: 138 164 172;
--impressionist-oklch: oklch(0.701 0.031 218.3);
}
.element {
color: var(--impressionist);
background-color: hsl(194 17% 61%);
border-color: oklch(0.701 0.031 218.3);
}Tailwind CSS v4
@theme {
--color-impressionist: #8aa4ac;
--color-impressionist-50: #ecf7fb;
--color-impressionist-100: #ddebef;
--color-impressionist-200: #c6d8de;
--color-impressionist-300: #a7bbc3;
--color-impressionist-400: #8ba3ab;
--color-impressionist-500: #708c94;
--color-impressionist-600: #5f767d;
--color-impressionist-700: #4b5e64;
--color-impressionist-800: #364549;
--color-impressionist-900: #253033;
--color-impressionist-950: #141c1f;
}SCSS
$impressionist: #8aa4ac;
$impressionist-rgb: 138, 164, 172;
$impressionist-light: mix(#fff, $impressionist, 20%);
$impressionist-dark: mix(#000, $impressionist, 20%);
.element {
color: $impressionist;
box-shadow: 0 0 0 2px rgba($impressionist, 0.35);
}