Colore con nome · #A7A799
Backdrop
Backdrop è #A7A799: rgb(167 167 153), hsl(60 7% 63%), oklch(0.724 0.02 106.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Backdrop color name →
#A7A799
oklch(0.724 0.02 106.9)
Conversioni di colore
- HEX
- #a7a799
- RGB
- rgb(167 167 153)
- HSL
- hsl(60 7% 63%)
- HWB
- hwb(60 60% 35%)
- OKLCH
- oklch(0.724 0.02 106.9)
- OKLab
- oklab(0.724 -0.006 0.019)
- CIE Lab
- lab(68.19 -1.89 7.27)
- LCH
- lch(68.19 7.52 104.6)
- CMYK
- cmyk(0% 0% 8% 35%)
Tinte · Ombre · Toni
Tinte
- AFAFA3
- B8B8AD
- C1C1B7
- C9C9C1
- D2D2CB
- DBDBD5
- E4E4DF
- EDEDEA
- F6F6F4
Ombre
- 919184
- 7B7B70
- 66665D
- 52524A
- 3E3E38
- 2C2C27
- 1A1A17
- 0A0A08
- 010101
Toni
- A3A396
- 9F9F94
- 9B9B91
- 97978F
- 93938C
- 8F8F8A
- 8B8C87
- 888885
- 848482
Armonie di colore
Complementare +180°
- A7A799
Backdrop
- A5A4B2
≈ Luxe Lilac
Analogo -30° +30°
- A7A799
Backdrop
- ADA599
≈ In the Hills
- A0A99D
≈ Secret Retreat
Triadico +120° +240°
- A7A799
Backdrop
- 9AA9B0
≈ Nor’wester
- B0A1A8
≈ Symbolic
Complementare divisa +150° +210°
- A7A799
Backdrop
- 9EA7B3
≈ Great Falls
- ABA2AE
≈ Luxe Lilac
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.63:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--backdrop: #a7a799;
--backdrop-rgb: 167 167 153;
--backdrop-oklch: oklch(0.724 0.02 106.9);
}
.element {
color: var(--backdrop);
background-color: hsl(60 7% 63%);
border-color: oklch(0.724 0.02 106.9);
}Tailwind CSS v4
@theme {
--color-backdrop: #a7a799;
--color-backdrop-50: #f5f6ef;
--color-backdrop-100: #e8e8e1;
--color-backdrop-200: #d5d5cc;
--color-backdrop-300: #b8b8ad;
--color-backdrop-400: #9f9f92;
--color-backdrop-500: #878778;
--color-backdrop-600: #737266;
--color-backdrop-700: #5c5c51;
--color-backdrop-800: #43433b;
--color-backdrop-900: #2e2e29;
--color-backdrop-950: #1b1b16;
}SCSS
$backdrop: #a7a799;
$backdrop-rgb: 167, 167, 153;
$backdrop-light: mix(#fff, $backdrop, 20%);
$backdrop-dark: mix(#000, $backdrop, 20%);
.element {
color: $backdrop;
box-shadow: 0 0 0 2px rgba($backdrop, 0.35);
}