Colore con nome · #A2998F
Grey Flanks
Grey Flanks è #A2998F: rgb(162 153 143), hsl(32 9% 60%), oklch(0.688 0.018 70.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grey Flanks color name →
#A2998F
oklch(0.688 0.018 70.4)
Conversioni di colore
- HEX
- #a2998f
- RGB
- rgb(162 153 143)
- HSL
- hsl(32 9% 60%)
- HWB
- hwb(32 56% 36%)
- OKLCH
- oklch(0.688 0.018 70.4)
- OKLab
- oklab(0.688 0.006 0.017)
- CIE Lab
- lab(63.79 2.09 6.52)
- LCH
- lch(63.79 6.85 72.2)
- CMYK
- cmyk(0% 6% 12% 36%)
Tinte · Ombre · Toni
Tinte
- ABA39A
- B4ADA4
- BDB7AF
- C6C1BA
- D0CBC6
- D9D5D1
- E2DFDC
- ECEAE8
- F5F4F3
Ombre
- 8C847C
- 777069
- 635D57
- 4F4A45
- 3C3834
- 2A2724
- 191715
- 0A0807
- 010101
Toni
- 9F968E
- 9B948C
- 98918B
- 948F89
- 918C88
- 8D8A86
- 8A8785
- 878583
- 838282
Armonie di colore
Complementare +180°
- A2998F
Grey Flanks
- 939CA6
≈ Dusky Mood
Analogo -30° +30°
- A2998F
Grey Flanks
- A59792
≈ Gustav
- 9D9B8F
≈ Dawn
Triadico +120° +240°
- A2998F
Grey Flanks
- 8F9E9D
≈ Abyss
- 9E98A3
≈ Fortune
Complementare divisa +150° +210°
- A2998F
Grey Flanks
- 8F9DA2
≈ Teal Wave
- 989AA6
≈ Angry Gargoyle
Tetradico +90° +180° +270°
- A2998F
Grey Flanks
- 929E97
≈ Marble Green
- 939CA6
≈ Dusky Mood
- A3979E
≈ Lavender Lily
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.48:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--grey-flanks: #a2998f;
--grey-flanks-rgb: 162 153 143;
--grey-flanks-oklch: oklch(0.688 0.018 70.4);
}
.element {
color: var(--grey-flanks);
background-color: hsl(32 9% 60%);
border-color: oklch(0.688 0.018 70.4);
}Tailwind CSS v4
@theme {
--color-grey-flanks: #a2998f;
--color-grey-flanks-50: #f8f4f0;
--color-grey-flanks-100: #ece7e1;
--color-grey-flanks-200: #d9d3cc;
--color-grey-flanks-300: #bdb6ae;
--color-grey-flanks-400: #a59d93;
--color-grey-flanks-500: #8e847a;
--color-grey-flanks-600: #787067;
--color-grey-flanks-700: #605a52;
--color-grey-flanks-800: #47413c;
--color-grey-flanks-900: #312d29;
--color-grey-flanks-950: #1d1a17;
}SCSS
$grey-flanks: #a2998f;
$grey-flanks-rgb: 162, 153, 143;
$grey-flanks-light: mix(#fff, $grey-flanks, 20%);
$grey-flanks-dark: mix(#000, $grey-flanks, 20%);
.element {
color: $grey-flanks;
box-shadow: 0 0 0 2px rgba($grey-flanks, 0.35);
}