Colore con nome · #C7CAC1
Moss Ink
Moss Ink è #C7CAC1: rgb(199 202 193), hsl(80 8% 77%), oklch(0.834 0.013 121.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Moss Ink color name →
#C7CAC1
oklch(0.834 0.013 121.7)
Conversioni di colore
- HEX
- #c7cac1
- RGB
- rgb(199 202 193)
- HSL
- hsl(80 8% 77%)
- HWB
- hwb(80 76% 21%)
- OKLCH
- oklch(0.834 0.013 121.7)
- OKLab
- oklab(0.834 -0.007 0.011)
- CIE Lab
- lab(80.89 -2.28 4.13)
- LCH
- lch(80.89 4.72 119)
- CMYK
- cmyk(1% 0% 4% 21%)
Tinte · Ombre · Toni
Tinte
- CCCFC7
- D2D4CD
- D8DAD3
- DDDFD9
- E3E4E0
- E8EAE6
- EEEFEC
- F4F4F2
- F9FAF9
Ombre
- ADAFA7
- 93958F
- 7A7C77
- 62645F
- 4C4D49
- 363734
- 212220
- 0E0F0E
- 020202
Toni
- C0C2BA
- B8BBB4
- B1B3AD
- AAACA6
- A3A4A0
- 9C9D99
- 959693
- 8E8E8D
- 878786
Armonie di colore
Complementare +180°
- C7CAC1
Moss Ink
- CAC7D0
≈ Hyacinth Ice
Analogo -30° +30°
- C7CAC1
Moss Ink
- CBC8BF
≈ Quill Grey
- C3CBC4
≈ Knightsbridge Mist
Triadico +120° +240°
- C7CAC1
Moss Ink
- C2CAD0
≈ Stone Golem
- D0C5C8
≈ Piano Grey Rose
Complementare divisa +150° +210°
- C7CAC1
Moss Ink
- C5C8D1
≈ Viola Ice Grey
- CEC6CC
≈ Piano Grey Rose
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.64:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--moss-ink: #c7cac1;
--moss-ink-rgb: 199 202 193;
--moss-ink-oklch: oklch(0.834 0.013 121.7);
}
.element {
color: var(--moss-ink);
background-color: hsl(80 8% 77%);
border-color: oklch(0.834 0.013 121.7);
}Tailwind CSS v4
@theme {
--color-moss-ink: #c7cac1;
--color-moss-ink-50: #f4f6f2;
--color-moss-ink-100: #e7e9e4;
--color-moss-ink-200: #d3d5cf;
--color-moss-ink-300: #b6b8b1;
--color-moss-ink-400: #9da097;
--color-moss-ink-500: #85887e;
--color-moss-ink-600: #70736b;
--color-moss-ink-700: #5a5c56;
--color-moss-ink-800: #42433e;
--color-moss-ink-900: #2d2e2b;
--color-moss-ink-950: #1a1b18;
}SCSS
$moss-ink: #c7cac1;
$moss-ink-rgb: 199, 202, 193;
$moss-ink-light: mix(#fff, $moss-ink, 20%);
$moss-ink-dark: mix(#000, $moss-ink, 20%);
.element {
color: $moss-ink;
box-shadow: 0 0 0 2px rgba($moss-ink, 0.35);
}