Colore con nome · #ADA493
Roadside
Roadside è #ADA493: rgb(173 164 147), hsl(39 14% 63%), oklch(0.722 0.026 83.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Roadside color name →
#ADA493
oklch(0.722 0.026 83.4)
Conversioni di colore
- HEX
- #ada493
- RGB
- rgb(173 164 147)
- HSL
- hsl(39 14% 63%)
- HWB
- hwb(39 58% 32%)
- OKLCH
- oklch(0.722 0.026 83.4)
- OKLab
- oklab(0.722 0.003 0.026)
- CIE Lab
- lab(67.78 1.19 10.09)
- LCH
- lch(67.78 10.16 83.3)
- CMYK
- cmyk(0% 5% 15% 32%)
Tinte · Ombre · Toni
Tinte
- B5AD9D
- BDB6A8
- C5BFB2
- CDC8BD
- D5D1C8
- DEDAD3
- E6E3DE
- EEECE9
- F7F6F4
Ombre
- 968E7F
- 7F796C
- 6A6459
- 555047
- 413D36
- 2D2B25
- 1B1A16
- 0B0A08
- 010101
Toni
- A8A091
- A49D8F
- 9F998D
- 9B958B
- 96928A
- 928E88
- 8D8B86
- 898784
- 848482
Armonie di colore
Complementare +180°
- ADA493
Roadside
- 9DA5B6
≈ Acier Tint
Analogo -30° +30°
- ADA493
Roadside
- B3A196
≈ Thorn Crown
- A5A795
≈ Sunset Meadow
Triadico +120° +240°
- ADA493
Roadside
- 93AAAC
≈ Meditative
- ADA0AF
≈ Grapeade
Complementare divisa +150° +210°
- ADA493
Roadside
- 96A8B3
≈ Ashen Wind
- A5A2B4
≈ Lazy Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.46:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.50:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.50:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--roadside: #ada493;
--roadside-rgb: 173 164 147;
--roadside-oklch: oklch(0.722 0.026 83.4);
}
.element {
color: var(--roadside);
background-color: hsl(39 14% 63%);
border-color: oklch(0.722 0.026 83.4);
}Tailwind CSS v4
@theme {
--color-roadside: #ada493;
--color-roadside-50: #f8f5ed;
--color-roadside-100: #ece7de;
--color-roadside-200: #d9d4c8;
--color-roadside-300: #bdb7a9;
--color-roadside-400: #a69d8d;
--color-roadside-500: #8f8573;
--color-roadside-600: #797161;
--color-roadside-700: #605a4e;
--color-roadside-800: #474238;
--color-roadside-900: #312d27;
--color-roadside-950: #1d1a15;
}SCSS
$roadside: #ada493;
$roadside-rgb: 173, 164, 147;
$roadside-light: mix(#fff, $roadside, 20%);
$roadside-dark: mix(#000, $roadside, 20%);
.element {
color: $roadside;
box-shadow: 0 0 0 2px rgba($roadside, 0.35);
}