Benannte Farbe · #A1A0B7
Royal Mile
Royal Mile ist #A1A0B7: rgb(161 160 183), hsl(243 14% 67%), oklch(0.714 0.033 287.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Royal Mile color name →
#A1A0B7
oklch(0.714 0.033 287.5)
Farbumrechnungen
- HEX
- #a1a0b7
- RGB
- rgb(161 160 183)
- HSL
- hsl(243 14% 67%)
- HWB
- hwb(243 63% 28%)
- OKLCH
- oklch(0.714 0.033 287.5)
- OKLab
- oklab(0.714 0.01 -0.032)
- CIE Lab
- lab(66.52 3.85 -11.8)
- LCH
- lch(66.52 12.41 288.1)
- CMYK
- cmyk(12% 13% 0% 28%)
Tints · Shades · Tones
Tints
- AAA9BE
- B3B2C5
- BCBCCC
- C6C5D3
- CFCFDB
- D8D8E2
- E2E2E9
- ECEBF0
- F5F5F8
Shades
- 8B8B9F
- 767687
- 626170
- 4E4E5A
- 3C3B45
- 2A2931
- 19191E
- 09090C
- 010102
Tones
- 9E9DB1
- 9A9AAC
- 9796A6
- 9493A1
- 90909B
- 8D8D96
- 8A8A90
- 86868B
- 838385
Farbharmonien
Komplementär +180°
- A1A0B7
Royal Mile
- A4A58D
≈ Solid Snake
Analog -30° +30°
- A1A0B7
Royal Mile
- 96A4B8
≈ Moon Shadow
- AC9DB1
≈ Grapeade
Triadisch +120° +240°
- A1A0B7
Royal Mile
- B59D91
≈ Postmodern Mauve
- 90AA9F
≈ Rare Happening
Geteilt komplementär +150° +210°
- A1A0B7
Royal Mile
- AFA18C
≈ Urban Charm
- 99A894
≈ Green Amazons
Tetradisch +90° +180° +270°
- A1A0B7
Royal Mile
- B79B9B
≈ Violet Dusk
- A4A58D
≈ Solid Snake
- 8BAAAA
≈ Harbour Mist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.55:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.22:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.22:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--royal-mile: #a1a0b7;
--royal-mile-rgb: 161 160 183;
--royal-mile-oklch: oklch(0.714 0.033 287.5);
}
.element {
color: var(--royal-mile);
background-color: hsl(243 14% 67%);
border-color: oklch(0.714 0.033 287.5);
}Tailwind CSS v4
@theme {
--color-royal-mile: #a1a0b7;
--color-royal-mile-50: #f5f4fe;
--color-royal-mile-100: #e7e6f3;
--color-royal-mile-200: #d3d2e2;
--color-royal-mile-300: #b6b5c8;
--color-royal-mile-400: #9d9cb2;
--color-royal-mile-500: #84839c;
--color-royal-mile-600: #706f83;
--color-royal-mile-700: #5a5969;
--color-royal-mile-800: #41414e;
--color-royal-mile-900: #2d2d36;
--color-royal-mile-950: #1a1a21;
}SCSS
$royal-mile: #a1a0b7;
$royal-mile-rgb: 161, 160, 183;
$royal-mile-light: mix(#fff, $royal-mile, 20%);
$royal-mile-dark: mix(#000, $royal-mile, 20%);
.element {
color: $royal-mile;
box-shadow: 0 0 0 2px rgba($royal-mile, 0.35);
}