Benannte Farbe · #AAA9A4
Ellie Grey
Ellie Grey ist #AAA9A4: rgb(170 169 164), hsl(50 3% 65%), oklch(0.734 0.007 97.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ellie Grey color name →
#AAA9A4
oklch(0.734 0.007 97.4)
Farbumrechnungen
- HEX
- #aaa9a4
- RGB
- rgb(170 169 164)
- HSL
- hsl(50 3% 65%)
- HWB
- hwb(50 64% 33%)
- OKLCH
- oklch(0.734 0.007 97.4)
- OKLab
- oklab(0.734 -0.001 0.007)
- CIE Lab
- lab(69.21 -0.32 2.72)
- LCH
- lch(69.21 2.74 96.7)
- CMYK
- cmyk(0% 1% 4% 33%)
Tints · Shades · Tones
Tints
- B2B1AD
- BABAB6
- C3C2BF
- CBCBC8
- D4D3D1
- DCDCDA
- E5E5E3
- EDEDEC
- F6F6F6
Shades
- 93928E
- 7D7C79
- 686764
- 535350
- 3F3F3D
- 2D2C2B
- 1B1B1A
- 0B0A0A
- 010101
Tones
- A6A5A0
- A1A19D
- 9D9C99
- 999895
- 959492
- 91908E
- 8C8C8B
- 888887
- 848484
Farbharmonien
Komplementär +180°
- AAA9A4
Ellie Grey
- A8A9AE
≈ Chrome Aluminium
Analog -30° +30°
- AAA9A4
Ellie Grey
- ACA8A4
≈ Proper Grey
- A8AAA5
≈ Ellie Grey
Triadisch +120° +240°
- AAA9A4
Ellie Grey
- A4AAAC
≈ Cloud Mountain
- ACA7AA
≈ Ultimate Grey
Geteilt komplementär +150° +210°
- AAA9A4
Ellie Grey
- A5A9AD
≈ Chrome Aluminium
- AAA8AD
≈ Chrome Aluminium
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.35:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.92:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--ellie-grey: #aaa9a4;
--ellie-grey-rgb: 170 169 164;
--ellie-grey-oklch: oklch(0.734 0.007 97.4);
}
.element {
color: var(--ellie-grey);
background-color: hsl(50 3% 65%);
border-color: oklch(0.734 0.007 97.4);
}Tailwind CSS v4
@theme {
--color-ellie-grey: #aaa9a4;
--color-ellie-grey-50: #f5f5f3;
--color-ellie-grey-100: #e8e8e5;
--color-ellie-grey-200: #d5d4d1;
--color-ellie-grey-300: #b8b7b3;
--color-ellie-grey-400: #9f9e9a;
--color-ellie-grey-500: #878681;
--color-ellie-grey-600: #72726d;
--color-ellie-grey-700: #5c5b57;
--color-ellie-grey-800: #434240;
--color-ellie-grey-900: #2e2e2c;
--color-ellie-grey-950: #1b1b19;
}SCSS
$ellie-grey: #aaa9a4;
$ellie-grey-rgb: 170, 169, 164;
$ellie-grey-light: mix(#fff, $ellie-grey, 20%);
$ellie-grey-dark: mix(#000, $ellie-grey, 20%);
.element {
color: $ellie-grey;
box-shadow: 0 0 0 2px rgba($ellie-grey, 0.35);
}