Nazwany kolor · #C7CAC1
Moss Ink
Moss Ink to #C7CAC1: rgb(199 202 193), hsl(80 8% 77%), oklch(0.834 0.013 121.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Moss Ink color name →
#C7CAC1
oklch(0.834 0.013 121.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCCFC7
- D2D4CD
- D8DAD3
- DDDFD9
- E3E4E0
- E8EAE6
- EEEFEC
- F4F4F2
- F9FAF9
Odcienie ciemniejsze
- ADAFA7
- 93958F
- 7A7C77
- 62645F
- 4C4D49
- 363734
- 212220
- 0E0F0E
- 020202
Tony
- C0C2BA
- B8BBB4
- B1B3AD
- AAACA6
- A3A4A0
- 9C9D99
- 959693
- 8E8E8D
- 878786
Harmonie kolorów
Komplementarna +180°
- C7CAC1
Moss Ink
- CAC7D0
≈ Hyacinth Ice
Analogowa -30° +30°
- C7CAC1
Moss Ink
- CBC8BF
≈ Quill Grey
- C3CBC4
≈ Knightsbridge Mist
Triada +120° +240°
- C7CAC1
Moss Ink
- C2CAD0
≈ Stone Golem
- D0C5C8
≈ Piano Grey Rose
Komplementarna rozszczepiona +150° +210°
- C7CAC1
Moss Ink
- C5C8D1
≈ Viola Ice Grey
- CEC6CC
≈ Piano Grey Rose
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.66:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.64:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
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);
}