Colore con nome · #A7A69D
Foggy Grey
Foggy Grey è #A7A69D: rgb(167 166 157), hsl(54 5% 64%), oklch(0.723 0.013 101.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Foggy Grey color name →
#A7A69D
oklch(0.723 0.013 101.6)
Conversioni di colore
- HEX
- #a7a69d
- RGB
- rgb(167 166 157)
- HSL
- hsl(54 5% 64%)
- HWB
- hwb(54 62% 35%)
- OKLCH
- oklch(0.723 0.013 101.6)
- OKLab
- oklab(0.723 -0.003 0.013)
- CIE Lab
- lab(68 -0.86 4.81)
- LCH
- lch(68 4.89 100.2)
- CMYK
- cmyk(0% 1% 6% 35%)
Tinte · Ombre · Toni
Tinte
- AFAFA6
- B8B7B0
- C1C0B9
- C9C9C3
- D2D2CD
- DBDBD7
- E4E4E1
- EDEDEB
- F6F6F5
Ombre
- 919088
- 7B7A73
- 66655F
- 52514C
- 3E3E3A
- 2C2B28
- 1A1A18
- 0A0A09
- 010101
Toni
- A3A29A
- 9F9E97
- 9B9A94
- 979791
- 93938E
- 8F8F8B
- 8B8B89
- 888786
- 848483
Armonie di colore
Complementare +180°
- A7A69D
Foggy Grey
- A4A5AE
≈ Pandemonium
Analogo -30° +30°
- A7A69D
Foggy Grey
- ABA49D
≈ Functional Grey
- A3A79F
≈ Unusual Grey
Triadico +120° +240°
- A7A69D
Foggy Grey
- 9DA8AB
≈ Seryi Grey
- ACA3A8
≈ Crystal Noir
Complementare divisa +150° +210°
- A7A69D
Foggy Grey
- A0A6AE
≈ Pandemonium
- A8A3AC
≈ Mysterious Mauve
Tetradico +90° +180° +270°
- A7A69D
Foggy Grey
- 9DA8A7
≈ Horizon Grey
- A4A5AE
≈ Pandemonium
- ADA2A3
≈ Beijing Moon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.44:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.58:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.58:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--foggy-grey: #a7a69d;
--foggy-grey-rgb: 167 166 157;
--foggy-grey-oklch: oklch(0.723 0.013 101.6);
}
.element {
color: var(--foggy-grey);
background-color: hsl(54 5% 64%);
border-color: oklch(0.723 0.013 101.6);
}Tailwind CSS v4
@theme {
--color-foggy-grey: #a7a69d;
--color-foggy-grey-50: #f6f5f1;
--color-foggy-grey-100: #e8e8e3;
--color-foggy-grey-200: #d5d4ce;
--color-foggy-grey-300: #b8b8b0;
--color-foggy-grey-400: #a09f96;
--color-foggy-grey-500: #88877d;
--color-foggy-grey-600: #73726a;
--color-foggy-grey-700: #5c5b55;
--color-foggy-grey-800: #43423e;
--color-foggy-grey-900: #2e2e2a;
--color-foggy-grey-950: #1b1b18;
}SCSS
$foggy-grey: #a7a69d;
$foggy-grey-rgb: 167, 166, 157;
$foggy-grey-light: mix(#fff, $foggy-grey, 20%);
$foggy-grey-dark: mix(#000, $foggy-grey, 20%);
.element {
color: $foggy-grey;
box-shadow: 0 0 0 2px rgba($foggy-grey, 0.35);
}