Nazwany kolor · #A29C94
Fashion Grey
Fashion Grey to #A29C94: rgb(162 156 148), hsl(34 7% 61%), oklch(0.695 0.013 75.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fashion Grey color name →
#A29C94
oklch(0.695 0.013 75.3)
Konwersje koloru
- HEX
- #a29c94
- RGB
- rgb(162 156 148)
- HSL
- hsl(34 7% 61%)
- HWB
- hwb(34 58% 36%)
- OKLCH
- oklch(0.695 0.013 75.3)
- OKLab
- oklab(0.695 0.003 0.013)
- CIE Lab
- lab(64.7 1.18 5.02)
- LCH
- lch(64.7 5.16 76.8)
- CMYK
- cmyk(0% 4% 9% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABA59E
- B4AFA9
- BDB9B3
- C6C3BE
- D0CCC8
- D9D6D3
- E2E0DE
- ECEBE9
- F5F5F4
Odcienie ciemniejsze
- 8C8780
- 77736D
- 635F5A
- 4F4C48
- 3C3936
- 2A2826
- 191816
- 0A0908
- 010101
Tony
- 9F9992
- 9B9690
- 98948E
- 94918C
- 918E8A
- 8D8B88
- 8A8886
- 878684
- 838382
Harmonie kolorów
Komplementarna +180°
- A29C94
Fashion Grey
- 989EA5
≈ Shining Knight
Analogowa -30° +30°
- A29C94
Fashion Grey
- A59B96
≈ Smoked Mauve
- 9E9E94
≈ Dawn
Triada +120° +240°
- A29C94
Fashion Grey
- 94A0A0
≈ Rain Cloud
- A09BA3
≈ Art Nouveau Glass
Komplementarna rozszczepiona +150° +210°
- A29C94
Fashion Grey
- 959FA3
≈ Soft Pumice
- 9C9CA5
≈ Colorado Peak
Tetrada +90° +180° +270°
- A29C94
Fashion Grey
- 96A09B
≈ Native Flora
- 989EA5
≈ Shining Knight
- A49A9F
≈ Art Nouveau Glass
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.72:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.71:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.71:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--fashion-grey: #a29c94;
--fashion-grey-rgb: 162 156 148;
--fashion-grey-oklch: oklch(0.695 0.013 75.3);
}
.element {
color: var(--fashion-grey);
background-color: hsl(34 7% 61%);
border-color: oklch(0.695 0.013 75.3);
}Tailwind CSS v4
@theme {
--color-fashion-grey: #a29c94;
--color-fashion-grey-50: #f7f5f1;
--color-fashion-grey-100: #eae7e3;
--color-fashion-grey-200: #d7d4ce;
--color-fashion-grey-300: #bbb7b0;
--color-fashion-grey-400: #a39d96;
--color-fashion-grey-500: #8b857d;
--color-fashion-grey-600: #767169;
--color-fashion-grey-700: #5e5a54;
--color-fashion-grey-800: #45423d;
--color-fashion-grey-900: #302d2a;
--color-fashion-grey-950: #1c1a18;
}SCSS
$fashion-grey: #a29c94;
$fashion-grey-rgb: 162, 156, 148;
$fashion-grey-light: mix(#fff, $fashion-grey, 20%);
$fashion-grey-dark: mix(#000, $fashion-grey, 20%);
.element {
color: $fashion-grey;
box-shadow: 0 0 0 2px rgba($fashion-grey, 0.35);
}