Colore con nome · #91916D
Extra Mile
Extra Mile è #91916D: rgb(145 145 109), hsl(60 14% 50%), oklch(0.647 0.051 107.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Extra Mile color name →
#91916D
oklch(0.647 0.051 107.7)
Conversioni di colore
- HEX
- #91916d
- RGB
- rgb(145 145 109)
- HSL
- hsl(60 14% 50%)
- HWB
- hwb(60 43% 43%)
- OKLCH
- oklch(0.647 0.051 107.7)
- OKLab
- oklab(0.647 -0.016 0.048)
- CIE Lab
- lab(59.46 -4.56 19.21)
- LCH
- lch(59.46 19.74 103.4)
- CMYK
- cmyk(0% 0% 25% 43%)
Tinte · Ombre · Toni
Tinte
- 9B9C7B
- A6A689
- B1B197
- BBBCA6
- C6C7B4
- D2D2C3
- DDDDD2
- E8E8E1
- F3F4F0
Ombre
- 7D7D5E
- 6A6A4F
- 585841
- 464633
- 353526
- 252519
- 15150D
- 070704
- 010101
Toni
- 8F8F6F
- 8E8E71
- 8C8C73
- 8A8A75
- 888977
- 878779
- 85857B
- 83837D
- 82827E
Armonie di colore
Complementare +180°
- 91916D
Extra Mile
- 8C8AAC
≈ Larkspur Violet
Analogo -30° +30°
- 91916D
Extra Mile
- A08B6B
≈ Sierra Foothills
- 809678
≈ Eat Your Peas
Triadico +120° +240°
- 91916D
Extra Mile
- 6E95A7
≈ Architecture Blue
- A78294
≈ Mohair Pink
Complementare divisa +150° +210°
- 91916D
Extra Mile
- 7B90AE
≈ Identity
- 9C85A3
≈ Wonder Violet
Tetradico +90° +180° +270°
- 91916D
Extra Mile
- 699899
≈ Woad Indigo
- 8C8AAC
≈ Larkspur Violet
- AB8283
≈ Jupiter Brown
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.24:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.47:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.47:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--extra-mile: #91916d;
--extra-mile-rgb: 145 145 109;
--extra-mile-oklch: oklch(0.647 0.051 107.7);
}
.element {
color: var(--extra-mile);
background-color: hsl(60 14% 50%);
border-color: oklch(0.647 0.051 107.7);
}Tailwind CSS v4
@theme {
--color-extra-mile: #91916d;
--color-extra-mile-50: #f6f7e6;
--color-extra-mile-100: #e8ead7;
--color-extra-mile-200: #d5d7be;
--color-extra-mile-300: #b9ba9c;
--color-extra-mile-400: #a1a17e;
--color-extra-mile-500: #898962;
--color-extra-mile-600: #747453;
--color-extra-mile-700: #5d5d42;
--color-extra-mile-800: #45442f;
--color-extra-mile-900: #2f2f20;
--color-extra-mile-950: #1c1b0f;
}SCSS
$extra-mile: #91916d;
$extra-mile-rgb: 145, 145, 109;
$extra-mile-light: mix(#fff, $extra-mile, 20%);
$extra-mile-dark: mix(#000, $extra-mile, 20%);
.element {
color: $extra-mile;
box-shadow: 0 0 0 2px rgba($extra-mile, 0.35);
}