Nazwany kolor · #A8ACA2
Provincial
Provincial to #A8ACA2: rgb(168 172 162), hsl(84 6% 65%), oklch(0.738 0.015 124.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Provincial color name →
#A8ACA2
oklch(0.738 0.015 124.6)
Konwersje koloru
- HEX
- #a8aca2
- RGB
- rgb(168 172 162)
- HSL
- hsl(84 6% 65%)
- HWB
- hwb(84 64% 33%)
- OKLCH
- oklch(0.738 0.015 124.6)
- OKLab
- oklab(0.738 -0.008 0.012)
- CIE Lab
- lab(69.81 -2.86 4.64)
- LCH
- lch(69.81 5.45 121.6)
- CMYK
- cmyk(2% 0% 6% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B0B4AB
- B9BCB4
- C1C4BD
- CACCC6
- D3D5D0
- DBDDD9
- E4E5E2
- EDEEEC
- F6F6F5
Odcienie ciemniejsze
- 92958C
- 7C7F77
- 676963
- 52544F
- 3F403C
- 2C2D2A
- 1A1B19
- 0A0B0A
- 010101
Tony
- A4A79F
- A0A39B
- 9C9F98
- 989A94
- 949691
- 90918D
- 8C8D8A
- 888987
- 848483
Harmonie kolorów
Komplementarna +180°
- A8ACA2
Provincial
- ACA8B2
≈ Elderberry Grey
Analogowa -30° +30°
- A8ACA2
Provincial
- ADAAA0
≈ Downtown Grey
- A3ADA6
≈ Ginkgo Green
Triada +120° +240°
- A8ACA2
Provincial
- A3ABB3
≈ Chateau de Chillon
- B3A7A9
≈ Centennial Rose
Komplementarna rozszczepiona +150° +210°
- A8ACA2
Provincial
- A7AAB4
≈ Modern Lavender
- B0A7AE
≈ Angel Aura
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.31:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.08:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.08:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--provincial: #a8aca2;
--provincial-rgb: 168 172 162;
--provincial-oklch: oklch(0.738 0.015 124.6);
}
.element {
color: var(--provincial);
background-color: hsl(84 6% 65%);
border-color: oklch(0.738 0.015 124.6);
}Tailwind CSS v4
@theme {
--color-provincial: #a8aca2;
--color-provincial-50: #f4f6f1;
--color-provincial-100: #e6e9e4;
--color-provincial-200: #d2d5cf;
--color-provincial-300: #b5b9b1;
--color-provincial-400: #9ca097;
--color-provincial-500: #84887d;
--color-provincial-600: #70736a;
--color-provincial-700: #595c55;
--color-provincial-800: #41433e;
--color-provincial-900: #2d2e2a;
--color-provincial-950: #1a1b18;
}SCSS
$provincial: #a8aca2;
$provincial-rgb: 168, 172, 162;
$provincial-light: mix(#fff, $provincial, 20%);
$provincial-dark: mix(#000, $provincial, 20%);
.element {
color: $provincial;
box-shadow: 0 0 0 2px rgba($provincial, 0.35);
}