Benannte Farbe · #C6CACA
Grey Screen
Grey Screen ist #C6CACA: rgb(198 202 202), hsl(180 4% 78%), oklch(0.836 0.004 197.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Grey Screen color name →
#C6CACA
oklch(0.836 0.004 197.1)
Farbumrechnungen
- HEX
- #c6caca
- RGB
- rgb(198 202 202)
- HSL
- hsl(180 4% 78%)
- HWB
- hwb(180 78% 21%)
- OKLCH
- oklch(0.836 0.004 197.1)
- OKLab
- oklab(0.836 -0.004 -0.001)
- CIE Lab
- lab(81.01 -1.42 -0.51)
- LCH
- lch(81.01 1.51 199.6)
- CMYK
- cmyk(2% 0% 0% 21%)
Tints · Shades · Tones
Tints
- CCCFCF
- D1D4D4
- D7DADA
- DCDFDF
- E2E4E4
- E8EAEA
- EEEFEF
- F3F4F4
- F9FAFA
Shades
- ACAFAF
- 929595
- 7A7C7C
- 626464
- 4B4D4D
- 353737
- 212222
- 0E0F0F
- 020202
Tones
- BFC2C2
- B8BBBB
- B0B3B3
- A9ACAC
- A2A4A4
- 9B9D9D
- 949696
- 8E8E8E
- 878787
Farbharmonien
Komplementär +180°
- C6CACA
Grey Screen
- CCC8C8
≈ Unique Grey
Analog -30° +30°
- C6CACA
Grey Screen
- C7CAC8
≈ Fast as the Wind
- C6CACB
≈ Grey Screen
Triadisch +120° +240°
- C6CACA
Grey Screen
- CAC8CB
≈ Nimbus Cloud
- CBC9C6
≈ Gentle Rain
Geteilt komplementär +150° +210°
- C6CACA
Grey Screen
- CBC8CA
≈ Unique Grey
- CCC8C7
≈ Silver-Tongued
Tetradisch +90° +180° +270°
- C6CACA
Grey Screen
- C9C9CC
≈ Urban Grey
- CCC8C8
≈ Unique Grey
- C9C9C6
≈ Gentle Rain
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.65:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.70:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.70:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--grey-screen: #c6caca;
--grey-screen-rgb: 198 202 202;
--grey-screen-oklch: oklch(0.836 0.004 197.1);
}
.element {
color: var(--grey-screen);
background-color: hsl(180 4% 78%);
border-color: oklch(0.836 0.004 197.1);
}Tailwind CSS v4
@theme {
--color-grey-screen: #c6caca;
--color-grey-screen-50: #f4f5f5;
--color-grey-screen-100: #e6e8e8;
--color-grey-screen-200: #d2d5d5;
--color-grey-screen-300: #b5b8b8;
--color-grey-screen-400: #9c9f9f;
--color-grey-screen-500: #838787;
--color-grey-screen-600: #6f7272;
--color-grey-screen-700: #595b5b;
--color-grey-screen-800: #414343;
--color-grey-screen-900: #2d2e2e;
--color-grey-screen-950: #1a1b1b;
}SCSS
$grey-screen: #c6caca;
$grey-screen-rgb: 198, 202, 202;
$grey-screen-light: mix(#fff, $grey-screen, 20%);
$grey-screen-dark: mix(#000, $grey-screen, 20%);
.element {
color: $grey-screen;
box-shadow: 0 0 0 2px rgba($grey-screen, 0.35);
}