Colore con nome · #A99A86
Grullo
Grullo è #A99A86: rgb(169 154 134), hsl(34 17% 59%), oklch(0.694 0.033 75.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grullo color name →
#A99A86
oklch(0.694 0.033 75.1)
Conversioni di colore
- HEX
- #a99a86
- RGB
- rgb(169 154 134)
- HSL
- hsl(34 17% 59%)
- HWB
- hwb(34 53% 34%)
- OKLCH
- oklch(0.694 0.033 75.1)
- OKLab
- oklab(0.694 0.009 0.032)
- CIE Lab
- lab(64.51 3.25 12.65)
- LCH
- lch(64.51 13.06 75.6)
- CMYK
- cmyk(0% 9% 21% 34%)
Tinte · Ombre · Toni
Tinte
- B1A492
- BAAD9D
- C2B7A9
- CBC1B5
- D3CBC1
- DCD6CD
- E5E0D9
- EDEAE6
- F6F5F2
Ombre
- 928574
- 7C7162
- 675E51
- 534B40
- 3F3930
- 2C2721
- 1B1713
- 0A0906
- 010101
Toni
- A59785
- A19585
- 9D9284
- 989084
- 948D83
- 908A83
- 8C8882
- 888581
- 848381
Armonie di colore
Complementare +180°
- A99A86
Grullo
- 8F9EB1
≈ Foghorn
Analogo -30° +30°
- A99A86
Grullo
- AF978C
≈ Rose Mauve
- 9F9E86
≈ Wainscot Green
Triadico +120° +240°
- A99A86
Grullo
- 85A3A3
≈ Venus Teal
- A597AB
≈ Windsor Haze
Complementare divisa +150° +210°
- A99A86
Grullo
- 87A1AC
≈ Blue Alps
- 9A9AB1
≈ Bay Fog
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.74:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.65:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.65:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--grullo: #a99a86;
--grullo-rgb: 169 154 134;
--grullo-oklch: oklch(0.694 0.033 75.1);
}
.element {
color: var(--grullo);
background-color: hsl(34 17% 59%);
border-color: oklch(0.694 0.033 75.1);
}Tailwind CSS v4
@theme {
--color-grullo: #a99a86;
--color-grullo-50: #fbf4eb;
--color-grullo-100: #eee7dc;
--color-grullo-200: #dcd3c5;
--color-grullo-300: #c1b6a5;
--color-grullo-400: #aa9c89;
--color-grullo-500: #93836e;
--color-grullo-600: #7d6f5d;
--color-grullo-700: #64594a;
--color-grullo-800: #4a4136;
--color-grullo-900: #332d25;
--color-grullo-950: #1f1a13;
}SCSS
$grullo: #a99a86;
$grullo-rgb: 169, 154, 134;
$grullo-light: mix(#fff, $grullo, 20%);
$grullo-dark: mix(#000, $grullo, 20%);
.element {
color: $grullo;
box-shadow: 0 0 0 2px rgba($grullo, 0.35);
}