Benannte Farbe · #C8C4C2
Apollo
Apollo ist #C8C4C2: rgb(200 196 194), hsl(20 5% 77%), oklch(0.823 0.005 48.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Apollo color name →
#C8C4C2
oklch(0.823 0.005 48.7)
Farbumrechnungen
- HEX
- #c8c4c2
- RGB
- rgb(200 196 194)
- HSL
- hsl(20 5% 77%)
- HWB
- hwb(20 76% 22%)
- OKLCH
- oklch(0.823 0.005 48.7)
- OKLab
- oklab(0.823 0.003 0.004)
- CIE Lab
- lab(79.44 1.17 1.53)
- LCH
- lch(79.44 1.92 52.5)
- CMYK
- cmyk(0% 2% 3% 22%)
Tints · Shades · Tones
Tints
- CDCAC8
- D3D0CE
- D8D5D4
- DEDBDA
- E3E1E0
- E9E7E6
- EEEDEC
- F4F3F3
- F9F9F9
Shades
- AEAAA8
- 94918F
- 7B7877
- 636160
- 4C4A49
- 363534
- 212120
- 0F0E0E
- 020202
Tones
- C1BDBB
- B9B6B4
- B2AFAE
- ABA8A7
- A3A1A0
- 9C9B9A
- 959493
- 8E8D8D
- 878786
Farbharmonien
Komplementär +180°
- C8C4C2
Apollo
- C2C6C8
≈ Weathered Stone
Analog -30° +30°
- C8C4C2
Apollo
- C8C4C4
≈ Apollo
- C7C5C1
≈ Fortitude
Triadisch +120° +240°
- C8C4C2
Apollo
- C2C6C4
≈ Sonnet Grey
- C5C4C8
≈ Runefang Steel
Geteilt komplementär +150° +210°
- C8C4C2
Apollo
- C1C6C6
≈ Light Aluminium
- C3C5C8
≈ Runefang Steel
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.73:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.13:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.13:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--apollo: #c8c4c2;
--apollo-rgb: 200 196 194;
--apollo-oklch: oklch(0.823 0.005 48.7);
}
.element {
color: var(--apollo);
background-color: hsl(20 5% 77%);
border-color: oklch(0.823 0.005 48.7);
}Tailwind CSS v4
@theme {
--color-apollo: #c8c4c2;
--color-apollo-50: #f6f5f4;
--color-apollo-100: #e9e7e6;
--color-apollo-200: #d6d3d2;
--color-apollo-300: #bab7b5;
--color-apollo-400: #a19d9c;
--color-apollo-500: #898583;
--color-apollo-600: #74716f;
--color-apollo-700: #5d5a59;
--color-apollo-800: #444241;
--color-apollo-900: #2f2d2d;
--color-apollo-950: #1b1a1a;
}SCSS
$apollo: #c8c4c2;
$apollo-rgb: 200, 196, 194;
$apollo-light: mix(#fff, $apollo, 20%);
$apollo-dark: mix(#000, $apollo, 20%);
.element {
color: $apollo;
box-shadow: 0 0 0 2px rgba($apollo, 0.35);
}