Benannte Farbe · #A4B6A7
Thrush Egg
Thrush Egg ist #A4B6A7: rgb(164 182 167), hsl(130 11% 68%), oklch(0.758 0.029 150.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Thrush Egg color name →
#A4B6A7
oklch(0.758 0.029 150.3)
Farbumrechnungen
- HEX
- #a4b6a7
- RGB
- rgb(164 182 167)
- HSL
- hsl(130 11% 68%)
- HWB
- hwb(130 64% 29%)
- OKLCH
- oklch(0.758 0.029 150.3)
- OKLab
- oklab(0.758 -0.025 0.014)
- CIE Lab
- lab(72.32 -8.62 5.44)
- LCH
- lch(72.32 10.19 147.8)
- CMYK
- cmyk(10% 0% 8% 29%)
Tints · Shades · Tones
Tints
- ADBDAF
- B6C4B8
- BFCBC1
- C8D3C9
- D1DAD2
- DAE1DB
- E3E9E4
- ECF0ED
- F6F8F6
Shades
- 8E9E91
- 79867B
- 646F66
- 505952
- 3D443E
- 2B302C
- 1A1D1A
- 0A0C0A
- 010201
Tones
- A0B0A3
- 9DAB9F
- 99A59B
- 96A097
- 929B93
- 8E958F
- 8B908C
- 878B88
- 848584
Farbharmonien
Komplementär +180°
- A4B6A7
Thrush Egg
- BCAAB9
≈ Soft Heather
Analog -30° +30°
- A4B6A7
Thrush Egg
- AEB49F
≈ Laurel Mist
- 9DB7B1
≈ Tropical Bay
Triadisch +120° +240°
- A4B6A7
Thrush Egg
- A9B0C4
≈ Meadow Phlox
- C2AAA6
≈ Dusky
Geteilt komplementär +150° +210°
- A4B6A7
Thrush Egg
- B3ADC1
≈ Wisteria Trellis
- C1A9AF
≈ Violet Ice
Tetradisch +90° +180° +270°
- A4B6A7
Thrush Egg
- A1B3C1
≈ Faded Flaxflower
- BCAAB9
≈ Soft Heather
- BFAD9E
≈ Gentry Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.13:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.82:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--thrush-egg: #a4b6a7;
--thrush-egg-rgb: 164 182 167;
--thrush-egg-oklch: oklch(0.758 0.029 150.3);
}
.element {
color: var(--thrush-egg);
background-color: hsl(130 11% 68%);
border-color: oklch(0.758 0.029 150.3);
}Tailwind CSS v4
@theme {
--color-thrush-egg: #a4b6a7;
--color-thrush-egg-50: #eff8f1;
--color-thrush-egg-100: #e1ebe3;
--color-thrush-egg-200: #ccd8ce;
--color-thrush-egg-300: #adbcb0;
--color-thrush-egg-400: #93a496;
--color-thrush-egg-500: #798c7c;
--color-thrush-egg-600: #677669;
--color-thrush-egg-700: #525f54;
--color-thrush-egg-800: #3c453d;
--color-thrush-egg-900: #29302a;
--color-thrush-egg-950: #171c17;
}SCSS
$thrush-egg: #a4b6a7;
$thrush-egg-rgb: 164, 182, 167;
$thrush-egg-light: mix(#fff, $thrush-egg, 20%);
$thrush-egg-dark: mix(#000, $thrush-egg, 20%);
.element {
color: $thrush-egg;
box-shadow: 0 0 0 2px rgba($thrush-egg, 0.35);
}