Nazwany kolor · #A1A29C
Charon
Charon to #A1A29C: rgb(161 162 156), hsl(70 3% 62%), oklch(0.71 0.009 114.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Charon color name →
#A1A29C
oklch(0.71 0.009 114.3)
Konwersje koloru
- HEX
- #a1a29c
- RGB
- rgb(161 162 156)
- HSL
- hsl(70 3% 62%)
- HWB
- hwb(70 61% 36%)
- OKLCH
- oklch(0.71 0.009 114.3)
- OKLab
- oklab(0.71 -0.004 0.008)
- CIE Lab
- lab(66.4 -1.21 3)
- LCH
- lch(66.4 3.23 112)
- CMYK
- cmyk(1% 0% 4% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AAABA5
- B3B4AF
- BCBDB9
- C6C6C3
- CFD0CC
- D8D9D6
- E2E2E0
- ECECEB
- F5F5F5
Odcienie ciemniejsze
- 8B8C87
- 767773
- 62635F
- 4E4F4C
- 3C3C39
- 2A2A28
- 191918
- 090A09
- 010101
Tony
- 9E9F99
- 9A9B96
- 979894
- 949491
- 90918E
- 8D8D8B
- 8A8A88
- 868786
- 838383
Harmonie kolorów
Komplementarna +180°
- A1A29C
Charon
- A1A0A6
≈ Silver Sconce
Analogowa -30° +30°
- A1A29C
Charon
- A4A19B
≈ Missouri Mud
- 9EA39E
≈ Sage Grey
Triada +120° +240°
- A1A29C
Charon
- 9CA2A6
≈ Suzu Grey
- A69FA2
≈ Equilibrium
Komplementarna rozszczepiona +150° +210°
- A1A29C
Charon
- 9FA1A7
≈ Rough Stone
- A4A0A4
≈ Ashland Heights
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.57:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.16:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.16:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--charon: #a1a29c;
--charon-rgb: 161 162 156;
--charon-oklch: oklch(0.71 0.009 114.3);
}
.element {
color: var(--charon);
background-color: hsl(70 3% 62%);
border-color: oklch(0.71 0.009 114.3);
}Tailwind CSS v4
@theme {
--color-charon: #a1a29c;
--color-charon-50: #f5f5f3;
--color-charon-100: #e7e8e5;
--color-charon-200: #d4d5d1;
--color-charon-300: #b7b8b3;
--color-charon-400: #9e9f99;
--color-charon-500: #868780;
--color-charon-600: #71726d;
--color-charon-700: #5b5b57;
--color-charon-800: #42433f;
--color-charon-900: #2e2e2c;
--color-charon-950: #1b1b19;
}SCSS
$charon: #a1a29c;
$charon-rgb: 161, 162, 156;
$charon-light: mix(#fff, $charon, 20%);
$charon-dark: mix(#000, $charon, 20%);
.element {
color: $charon;
box-shadow: 0 0 0 2px rgba($charon, 0.35);
}