Colore con nome · #6C848D
Indigo Mouse
Indigo Mouse è #6C848D: rgb(108 132 141), hsl(196 13% 49%), oklch(0.598 0.031 222.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Indigo Mouse color name →
#6C848D
oklch(0.598 0.031 222.6)
Conversioni di colore
- HEX
- #6c848d
- RGB
- rgb(108 132 141)
- HSL
- hsl(196 13% 49%)
- HWB
- hwb(196 42% 45%)
- OKLCH
- oklch(0.598 0.031 222.6)
- OKLab
- oklab(0.598 -0.023 -0.021)
- CIE Lab
- lab(53.48 -7.35 -7.88)
- LCH
- lch(53.48 10.78 227)
- CMYK
- cmyk(23% 6% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 7A9098
- 889BA3
- 96A7AE
- A5B4B9
- B3C0C5
- C2CCD0
- D1D9DC
- E0E5E7
- F0F2F3
Ombre
- 5D727A
- 4E6067
- 404F55
- 323F44
- 252F33
- 192023
- 0D1214
- 040607
- 000101
Toni
- 6E848C
- 70838A
- 728389
- 748288
- 768287
- 788285
- 7A8184
- 7C8183
- 7E8081
Armonie di colore
Complementare +180°
- 6C848D
Indigo Mouse
- 907A71
≈ Miami Spice
Analogo -30° +30°
- 6C848D
Indigo Mouse
- 6B8684
≈ Hammock
- 738192
≈ Chain Gang Grey
Triadico +120° +240°
- 6C848D
Indigo Mouse
- 8D7984
≈ Purple Rubiate
- 83816C
≈ Olive Paste
Complementare divisa +150° +210°
- 6C848D
Indigo Mouse
- 91787A
≈ Chocolaty
- 8B7D6C
≈ Patches
Tetradico +90° +180° +270°
- 6C848D
Indigo Mouse
- 867A8D
≈ High Note
- 907A71
≈ Miami Spice
- 798471
≈ Cactus Garden
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.94:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.32:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.32:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--indigo-mouse: #6c848d;
--indigo-mouse-rgb: 108 132 141;
--indigo-mouse-oklch: oklch(0.598 0.031 222.6);
}
.element {
color: var(--indigo-mouse);
background-color: hsl(196 13% 49%);
border-color: oklch(0.598 0.031 222.6);
}Tailwind CSS v4
@theme {
--color-indigo-mouse: #6c848d;
--color-indigo-mouse-50: #ecf7fc;
--color-indigo-mouse-100: #deeaf0;
--color-indigo-mouse-200: #c7d7de;
--color-indigo-mouse-300: #a7bbc3;
--color-indigo-mouse-400: #8ba3ac;
--color-indigo-mouse-500: #708b95;
--color-indigo-mouse-600: #5f767e;
--color-indigo-mouse-700: #4c5e65;
--color-indigo-mouse-800: #37454a;
--color-indigo-mouse-900: #253033;
--color-indigo-mouse-950: #141c1f;
}SCSS
$indigo-mouse: #6c848d;
$indigo-mouse-rgb: 108, 132, 141;
$indigo-mouse-light: mix(#fff, $indigo-mouse, 20%);
$indigo-mouse-dark: mix(#000, $indigo-mouse, 20%);
.element {
color: $indigo-mouse;
box-shadow: 0 0 0 2px rgba($indigo-mouse, 0.35);
}