Benannte Farbe · #C6C8D0
Viola Ice Grey
Viola Ice Grey ist #C6C8D0: rgb(198 200 208), hsl(228 10% 80%), oklch(0.834 0.011 274.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Viola Ice Grey color name →
#C6C8D0
oklch(0.834 0.011 274.9)
Farbumrechnungen
- HEX
- #c6c8d0
- RGB
- rgb(198 200 208)
- HSL
- hsl(228 10% 80%)
- HWB
- hwb(228 78% 18%)
- OKLCH
- oklch(0.834 0.011 274.9)
- OKLab
- oklab(0.834 0.001 -0.011)
- CIE Lab
- lab(80.62 0.41 -4.26)
- LCH
- lch(80.62 4.28 275.5)
- CMYK
- cmyk(5% 4% 0% 18%)
Tints · Shades · Tones
Tints
- CCCDD5
- D1D3D9
- D7D8DE
- DCDEE3
- E2E3E7
- E8E9EC
- EEEEF1
- F3F4F5
- F9F9FA
Shades
- ACAEB5
- 92949A
- 7A7B80
- 626367
- 4B4C4F
- 353639
- 212123
- 0E0F10
- 020202
Tones
- BFC1C8
- B8B9BF
- B0B2B7
- A9ABAF
- A2A3A7
- 9B9C9F
- 949597
- 8E8E8F
- 878788
Farbharmonien
Komplementär +180°
- C6C8D0
Viola Ice Grey
- CBC8C0
≈ Quill Grey
Analog -30° +30°
- C6C8D0
Viola Ice Grey
- C3C9CF
≈ Herring Silver
- CAC7CE
≈ Hazy Mauve
Triadisch +120° +240°
- C6C8D0
Viola Ice Grey
- D0C6C4
≈ Vaguely Mauve
- C3CBC5
≈ Knightsbridge Mist
Geteilt komplementär +150° +210°
- C6C8D0
Viola Ice Grey
- CEC7C1
≈ Worldly Grey
- C7CAC2
≈ Moss Ink
Tetradisch +90° +180° +270°
- C6C8D0
Viola Ice Grey
- CFC6C7
≈ Silver-Tongued
- CBC8C0
≈ Quill Grey
- C1CBC9
≈ Knightsbridge Mist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.67:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.57:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.57:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--viola-ice-grey: #c6c8d0;
--viola-ice-grey-rgb: 198 200 208;
--viola-ice-grey-oklch: oklch(0.834 0.011 274.9);
}
.element {
color: var(--viola-ice-grey);
background-color: hsl(228 10% 80%);
border-color: oklch(0.834 0.011 274.9);
}Tailwind CSS v4
@theme {
--color-viola-ice-grey: #c6c8d0;
--color-viola-ice-grey-50: #f4f5f8;
--color-viola-ice-grey-100: #e7e7ec;
--color-viola-ice-grey-200: #d3d4d9;
--color-viola-ice-grey-300: #b6b7bd;
--color-viola-ice-grey-400: #9c9ea5;
--color-viola-ice-grey-500: #84868e;
--color-viola-ice-grey-600: #6f7178;
--color-viola-ice-grey-700: #595a60;
--color-viola-ice-grey-800: #414246;
--color-viola-ice-grey-900: #2d2e31;
--color-viola-ice-grey-950: #1a1a1d;
}SCSS
$viola-ice-grey: #c6c8d0;
$viola-ice-grey-rgb: 198, 200, 208;
$viola-ice-grey-light: mix(#fff, $viola-ice-grey, 20%);
$viola-ice-grey-dark: mix(#000, $viola-ice-grey, 20%);
.element {
color: $viola-ice-grey;
box-shadow: 0 0 0 2px rgba($viola-ice-grey, 0.35);
}