Colore con nome · #A3B6A4
Bamboo Shoot
Bamboo Shoot è #A3B6A4: rgb(163 182 164), hsl(123 12% 68%), oklch(0.756 0.033 146.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bamboo Shoot color name →
#A3B6A4
oklch(0.756 0.033 146.7)
Conversioni di colore
- HEX
- #a3b6a4
- RGB
- rgb(163 182 164)
- HSL
- hsl(123 12% 68%)
- HWB
- hwb(123 64% 29%)
- OKLCH
- oklch(0.756 0.033 146.7)
- OKLab
- oklab(0.756 -0.028 0.018)
- CIE Lab
- lab(72.18 -9.4 6.86)
- LCH
- lch(72.18 11.64 143.9)
- CMYK
- cmyk(10% 0% 10% 29%)
Tinte · Ombre · Toni
Tinte
- ACBDAD
- B5C4B6
- BECBBF
- C7D3C8
- D0DAD1
- D9E1DA
- E3E9E3
- ECF0EC
- F6F8F6
Ombre
- 8D9E8E
- 788679
- 636F64
- 4F5950
- 3C443D
- 2A302B
- 191D1A
- 0A0C0A
- 010201
Toni
- 9FB0A0
- 9CAB9D
- 98A599
- 95A095
- 919B92
- 8E958E
- 8A908B
- 878B87
- 838584
Armonie di colore
Complementare +180°
- A3B6A4
Bamboo Shoot
- BCA9BB
≈ Soft Heather
Analogo -30° +30°
- A3B6A4
Bamboo Shoot
- AEB39C
≈ White Cabbage
- 9BB7AF
≈ Tropical Bay
Triadico +120° +240°
- A3B6A4
Bamboo Shoot
- A6B0C6
≈ Innuendo
- C4A9A5
≈ Dusky
Complementare divisa +150° +210°
- A3B6A4
Bamboo Shoot
- B2ACC3
≈ Wisteria Trellis
- C2A8B0
≈ Violet Ice
Tetradico +90° +180° +270°
- A3B6A4
Bamboo Shoot
- 9DB4C3
≈ Faded Flaxflower
- BCA9BB
≈ Soft Heather
- C1AB9C
≈ Fall Mood
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.14:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.78:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.78:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--bamboo-shoot: #a3b6a4;
--bamboo-shoot-rgb: 163 182 164;
--bamboo-shoot-oklch: oklch(0.756 0.033 146.7);
}
.element {
color: var(--bamboo-shoot);
background-color: hsl(123 12% 68%);
border-color: oklch(0.756 0.033 146.7);
}Tailwind CSS v4
@theme {
--color-bamboo-shoot: #a3b6a4;
--color-bamboo-shoot-50: #eff8f0;
--color-bamboo-shoot-100: #e1ebe2;
--color-bamboo-shoot-200: #cbd8cd;
--color-bamboo-shoot-300: #acbcae;
--color-bamboo-shoot-400: #92a493;
--color-bamboo-shoot-500: #788c7a;
--color-bamboo-shoot-600: #667767;
--color-bamboo-shoot-700: #515f52;
--color-bamboo-shoot-800: #3c463b;
--color-bamboo-shoot-900: #293029;
--color-bamboo-shoot-950: #171c17;
}SCSS
$bamboo-shoot: #a3b6a4;
$bamboo-shoot-rgb: 163, 182, 164;
$bamboo-shoot-light: mix(#fff, $bamboo-shoot, 20%);
$bamboo-shoot-dark: mix(#000, $bamboo-shoot, 20%);
.element {
color: $bamboo-shoot;
box-shadow: 0 0 0 2px rgba($bamboo-shoot, 0.35);
}