Colore con nome · #A3B9AC
Silt Green
Silt Green è #A3B9AC: rgb(163 185 172), hsl(145 14% 68%), oklch(0.765 0.03 159.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Silt Green color name →
#A3B9AC
oklch(0.765 0.03 159.7)
Conversioni di colore
- HEX
- #a3b9ac
- RGB
- rgb(163 185 172)
- HSL
- hsl(145 14% 68%)
- HWB
- hwb(145 64% 27%)
- OKLCH
- oklch(0.765 0.03 159.7)
- OKLab
- oklab(0.765 -0.028 0.011)
- CIE Lab
- lab(73.17 -9.74 3.93)
- LCH
- lch(73.17 10.51 158)
- CMYK
- cmyk(12% 0% 7% 27%)
Tinte · Ombre · Toni
Tinte
- ACC0B4
- B5C7BC
- BECEC4
- C7D5CC
- D0DCD5
- DAE3DD
- E3EAE5
- ECF1EE
- F6F8F6
Ombre
- 8DA095
- 78897F
- 637169
- 4F5B54
- 3C4640
- 2A312D
- 191E1B
- 0A0D0B
- 010201
Toni
- 9FB3A8
- 9CADA3
- 98A89F
- 95A29A
- 919C96
- 8E9691
- 8B918D
- 878B89
- 848684
Armonie di colore
Complementare +180°
- A3B9AC
Silt Green
- C1ACB9
≈ Breathtaking Evening
Analogo -30° +30°
- A3B9AC
Silt Green
- ACB7A3
≈ Laurel Mist
- 9EB9B7
≈ Renew Blue
Triadico +120° +240°
- A3B9AC
Silt Green
- AEB1C6
≈ Noble Purple
- C5ADA5
≈ Glamorous Taupe
Complementare divisa +150° +210°
- A3B9AC
Silt Green
- B9AEC2
≈ Courtly Purple
- C5ABAE
≈ Pale Lychee
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.08:1 · APCA Lc 41
Ag
AAASu nero
WCAG 10.09:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.09:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--silt-green: #a3b9ac;
--silt-green-rgb: 163 185 172;
--silt-green-oklch: oklch(0.765 0.03 159.7);
}
.element {
color: var(--silt-green);
background-color: hsl(145 14% 68%);
border-color: oklch(0.765 0.03 159.7);
}Tailwind CSS v4
@theme {
--color-silt-green: #a3b9ac;
--color-silt-green-50: #eef8f2;
--color-silt-green-100: #e0ebe5;
--color-silt-green-200: #c9d8d0;
--color-silt-green-300: #aabcb3;
--color-silt-green-400: #90a498;
--color-silt-green-500: #758d7f;
--color-silt-green-600: #64776c;
--color-silt-green-700: #505f56;
--color-silt-green-800: #3a463e;
--color-silt-green-900: #28302b;
--color-silt-green-950: #161c18;
}SCSS
$silt-green: #a3b9ac;
$silt-green-rgb: 163, 185, 172;
$silt-green-light: mix(#fff, $silt-green, 20%);
$silt-green-dark: mix(#000, $silt-green, 20%);
.element {
color: $silt-green;
box-shadow: 0 0 0 2px rgba($silt-green, 0.35);
}