Nazwany kolor · #A29F9B
Stone Age
Stone Age to #A29F9B: rgb(162 159 155), hsl(34 4% 62%), oklch(0.704 0.007 75.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Stone Age color name →
#A29F9B
oklch(0.704 0.007 75.4)
Konwersje koloru
- HEX
- #a29f9b
- RGB
- rgb(162 159 155)
- HSL
- hsl(34 4% 62%)
- HWB
- hwb(34 61% 36%)
- OKLCH
- oklch(0.704 0.007 75.4)
- OKLab
- oklab(0.704 0.002 0.007)
- CIE Lab
- lab(65.66 0.57 2.5)
- LCH
- lch(65.66 2.56 77.2)
- CMYK
- cmyk(0% 2% 4% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABA8A5
- B4B2AE
- BDBBB8
- C6C4C2
- D0CECC
- D9D8D6
- E2E1E0
- ECEBEA
- F5F5F5
Odcienie ciemniejsze
- 8C8A86
- 777572
- 63615E
- 4F4D4B
- 3C3B39
- 2A2928
- 191818
- 0A0909
- 010101
Tony
- 9F9C98
- 9B9996
- 989693
- 949290
- 918F8D
- 8D8C8B
- 8A8988
- 878685
- 838383
Harmonie kolorów
Komplementarna +180°
- A29F9B
Stone Age
- 9DA0A4
≈ Aegean Splendour
Analogowa -30° +30°
- A29F9B
Stone Age
- A39E9C
≈ Stone Age
- A0A09B
≈ Stamped Concrete
Triada +120° +240°
- A29F9B
Stone Age
- 9BA1A1
≈ Grey River Rock
- A19EA2
≈ Silver Sconce
Komplementarna rozszczepiona +150° +210°
- A29F9B
Stone Age
- 9BA0A3
≈ Prehistoric Stone
- 9F9FA4
≈ Silver Sconce
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.63:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.96:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--stone-age: #a29f9b;
--stone-age-rgb: 162 159 155;
--stone-age-oklch: oklch(0.704 0.007 75.4);
}
.element {
color: var(--stone-age);
background-color: hsl(34 4% 62%);
border-color: oklch(0.704 0.007 75.4);
}Tailwind CSS v4
@theme {
--color-stone-age: #a29f9b;
--color-stone-age-50: #f6f5f3;
--color-stone-age-100: #e9e7e5;
--color-stone-age-200: #d6d4d1;
--color-stone-age-300: #b9b7b4;
--color-stone-age-400: #a19e9a;
--color-stone-age-500: #898681;
--color-stone-age-600: #74716d;
--color-stone-age-700: #5d5a57;
--color-stone-age-800: #444240;
--color-stone-age-900: #2f2e2c;
--color-stone-age-950: #1b1a19;
}SCSS
$stone-age: #a29f9b;
$stone-age-rgb: 162, 159, 155;
$stone-age-light: mix(#fff, $stone-age, 20%);
$stone-age-dark: mix(#000, $stone-age, 20%);
.element {
color: $stone-age;
box-shadow: 0 0 0 2px rgba($stone-age, 0.35);
}