Nazwany kolor · #A8A495
Greyish Beige
Greyish Beige to #A8A495: rgb(168 164 149), hsl(47 10% 62%), oklch(0.718 0.022 94.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Greyish Beige color name →
#A8A495
oklch(0.718 0.022 94.6)
Konwersje koloru
- HEX
- #a8a495
- RGB
- rgb(168 164 149)
- HSL
- hsl(47 10% 62%)
- HWB
- hwb(47 58% 34%)
- OKLCH
- oklch(0.718 0.022 94.6)
- OKLab
- oklab(0.718 -0.002 0.022)
- CIE Lab
- lab(67.39 -0.49 8.36)
- LCH
- lch(67.39 8.37 93.4)
- CMYK
- cmyk(0% 2% 11% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B0AD9F
- B9B6A9
- C1BFB4
- CAC8BE
- D3D1C9
- DBDAD3
- E4E3DE
- EDECE9
- F6F6F4
Odcienie ciemniejsze
- 928E81
- 7C796D
- 67645A
- 525048
- 3F3D37
- 2C2B26
- 1A1A16
- 0A0A08
- 010101
Tony
- A4A093
- A09D91
- 9C998F
- 98958D
- 94928B
- 908E88
- 8C8B86
- 888784
- 848482
Harmonie kolorów
Komplementarna +180°
- A8A495
Greyish Beige
- 9FA3B2
≈ Pandemonium
Analogowa -30° +30°
- A8A495
Greyish Beige
- AEA196
≈ Moleskin
- A1A698
≈ Secret Retreat
Triada +120° +240°
- A8A495
Greyish Beige
- 95A8AC
≈ Celestra Grey
- AD9FA9
≈ Symbolic
Komplementarna rozszczepiona +150° +210°
- A8A495
Greyish Beige
- 99A6B1
≈ Acier Tint
- A7A1AF
≈ Luxe Lilac
Tetrada +90° +180° +270°
- A8A495
Greyish Beige
- 96A9A5
≈ Galway Bay
- 9FA3B2
≈ Pandemonium
- B19FA2
≈ Subtle Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.49:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.40:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.40:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--greyish-beige: #a8a495;
--greyish-beige-rgb: 168 164 149;
--greyish-beige-oklch: oklch(0.718 0.022 94.6);
}
.element {
color: var(--greyish-beige);
background-color: hsl(47 10% 62%);
border-color: oklch(0.718 0.022 94.6);
}Tailwind CSS v4
@theme {
--color-greyish-beige: #a8a495;
--color-greyish-beige-50: #f7f5ee;
--color-greyish-beige-100: #eae8e0;
--color-greyish-beige-200: #d7d4ca;
--color-greyish-beige-300: #bab8ab;
--color-greyish-beige-400: #a29f90;
--color-greyish-beige-500: #8b8676;
--color-greyish-beige-600: #757264;
--color-greyish-beige-700: #5e5b50;
--color-greyish-beige-800: #45423a;
--color-greyish-beige-900: #302e28;
--color-greyish-beige-950: #1c1b16;
}SCSS
$greyish-beige: #a8a495;
$greyish-beige-rgb: 168, 164, 149;
$greyish-beige-light: mix(#fff, $greyish-beige, 20%);
$greyish-beige-dark: mix(#000, $greyish-beige, 20%);
.element {
color: $greyish-beige;
box-shadow: 0 0 0 2px rgba($greyish-beige, 0.35);
}