Colore con nome · #A99A89
Diversion
Diversion è #A99A89: rgb(169 154 137), hsl(32 16% 60%), oklch(0.695 0.03 70.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Diversion color name →
#A99A89
oklch(0.695 0.03 70.8)
Conversioni di colore
- HEX
- #a99a89
- RGB
- rgb(169 154 137)
- HSL
- hsl(32 16% 60%)
- HWB
- hwb(32 54% 34%)
- OKLCH
- oklch(0.695 0.03 70.8)
- OKLab
- oklab(0.695 0.01 0.028)
- CIE Lab
- lab(64.57 3.59 11.07)
- LCH
- lch(64.57 11.64 72)
- CMYK
- cmyk(0% 9% 19% 34%)
Tinte · Ombre · Toni
Tinte
- B1A494
- BAADA0
- C2B7AB
- CBC1B7
- D3CBC3
- DCD6CE
- E5E0DA
- EDEAE6
- F6F5F3
Ombre
- 928576
- 7C7164
- 675E53
- 534B42
- 3F3931
- 2C2722
- 1B1714
- 0A0907
- 010101
Toni
- A59788
- A19587
- 9D9286
- 989086
- 948D85
- 908A84
- 8C8883
- 888582
- 848381
Armonie di colore
Complementare +180°
- A99A89
Diversion
- 8F9FAF
≈ Foghorn
Analogo -30° +30°
- A99A89
Diversion
- AE978F
≈ Rose Mauve
- A09E89
≈ Potting Moss
Triadico +120° +240°
- A99A89
Diversion
- 88A3A1
≈ Venus Teal
- A398AB
≈ Lavender Aura
Complementare divisa +150° +210°
- A99A89
Diversion
- 89A1AA
≈ Symphony of Blue
- 999BB0
≈ Bay Fog
Tetradico +90° +180° +270°
- A99A89
Diversion
- 8DA397
≈ Morning Blue
- 8F9FAF
≈ Foghorn
- AA96A2
≈ Metamorphosis
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.67:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.67:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--diversion: #a99a89;
--diversion-rgb: 169 154 137;
--diversion-oklch: oklch(0.695 0.03 70.8);
}
.element {
color: var(--diversion);
background-color: hsl(32 16% 60%);
border-color: oklch(0.695 0.03 70.8);
}Tailwind CSS v4
@theme {
--color-diversion: #a99a89;
--color-diversion-50: #fbf4ec;
--color-diversion-100: #eee7dd;
--color-diversion-200: #dcd3c7;
--color-diversion-300: #c1b5a7;
--color-diversion-400: #aa9c8c;
--color-diversion-500: #938371;
--color-diversion-600: #7d6f60;
--color-diversion-700: #64594c;
--color-diversion-800: #494137;
--color-diversion-900: #332d26;
--color-diversion-950: #1f1a14;
}SCSS
$diversion: #a99a89;
$diversion-rgb: 169, 154, 137;
$diversion-light: mix(#fff, $diversion, 20%);
$diversion-dark: mix(#000, $diversion, 20%);
.element {
color: $diversion;
box-shadow: 0 0 0 2px rgba($diversion, 0.35);
}