Colore con nome · #A79F92
Abbey Road
Abbey Road è #A79F92: rgb(167 159 146), hsl(37 11% 61%), oklch(0.706 0.021 80.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Abbey Road color name →
#A79F92
oklch(0.706 0.021 80.1)
Conversioni di colore
- HEX
- #a79f92
- RGB
- rgb(167 159 146)
- HSL
- hsl(37 11% 61%)
- HWB
- hwb(37 57% 35%)
- OKLCH
- oklch(0.706 0.021 80.1)
- OKLab
- oklab(0.706 0.004 0.02)
- CIE Lab
- lab(65.9 1.31 7.91)
- LCH
- lch(65.9 8.01 80.6)
- CMYK
- cmyk(0% 5% 13% 35%)
Tinte · Ombre · Toni
Tinte
- AFA89C
- B8B2A7
- C1BBB2
- C9C4BC
- D2CEC7
- DBD8D2
- E4E1DD
- EDEBE8
- F6F5F4
Ombre
- 918A7E
- 7B756B
- 666158
- 524D46
- 3E3B35
- 2C2925
- 1A1816
- 0A0908
- 010101
Toni
- A39C90
- 9F998E
- 9B968D
- 97928B
- 938F89
- 8F8C87
- 8C8985
- 888684
- 848382
Armonie di colore
Complementare +180°
- A79F92
Abbey Road
- 99A1AD
≈ Robotic Gods
Analogo -30° +30°
- A79F92
Abbey Road
- AB9D95
≈ Truly Taupe
- A0A193
≈ Pussywillow Grey
Triadico +120° +240°
- A79F92
Abbey Road
- 92A4A5
≈ Dusty Sky
- A69CA8
≈ Lavender Illusion
Complementare divisa +150° +210°
- A79F92
Abbey Road
- 94A3AB
≈ Galleria Blue
- A09EAD
≈ Indolence
Tetradico +90° +180° +270°
- A79F92
Abbey Road
- 94A59E
≈ Galago
- 99A1AD
≈ Robotic Gods
- AB9BA2
≈ Laylock
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.61:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.01:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.01:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--abbey-road: #a79f92;
--abbey-road-rgb: 167 159 146;
--abbey-road-oklch: oklch(0.706 0.021 80.1);
}
.element {
color: var(--abbey-road);
background-color: hsl(37 11% 61%);
border-color: oklch(0.706 0.021 80.1);
}Tailwind CSS v4
@theme {
--color-abbey-road: #a79f92;
--color-abbey-road-50: #f8f5ef;
--color-abbey-road-100: #ebe7e0;
--color-abbey-road-200: #d9d4cb;
--color-abbey-road-300: #bdb7ac;
--color-abbey-road-400: #a59d91;
--color-abbey-road-500: #8d8577;
--color-abbey-road-600: #787165;
--color-abbey-road-700: #605a51;
--color-abbey-road-800: #46423a;
--color-abbey-road-900: #312d28;
--color-abbey-road-950: #1d1a16;
}SCSS
$abbey-road: #a79f92;
$abbey-road-rgb: 167, 159, 146;
$abbey-road-light: mix(#fff, $abbey-road, 20%);
$abbey-road-dark: mix(#000, $abbey-road, 20%);
.element {
color: $abbey-road;
box-shadow: 0 0 0 2px rgba($abbey-road, 0.35);
}