Benannte Farbe · #C8C7CB
Centre Stage
Centre Stage ist #C8C7CB: rgb(200 199 203), hsl(255 4% 79%), oklch(0.832 0.006 297.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Centre Stage color name →
#C8C7CB
oklch(0.832 0.006 297.7)
Farbumrechnungen
- HEX
- #c8c7cb
- RGB
- rgb(200 199 203)
- HSL
- hsl(255 4% 79%)
- HWB
- hwb(255 78% 20%)
- OKLCH
- oklch(0.832 0.006 297.7)
- OKLab
- oklab(0.832 0.003 -0.005)
- CIE Lab
- lab(80.41 0.91 -1.88)
- LCH
- lch(80.41 2.08 295.8)
- CMYK
- cmyk(1% 2% 0% 20%)
Tints · Shades · Tones
Tints
- CDCCD0
- D3D2D5
- D8D8DA
- DEDDE0
- E3E3E5
- E9E8EA
- EEEEEF
- F4F4F4
- F9F9FA
Shades
- AEADB0
- 949396
- 7B7A7D
- 636265
- 4C4C4D
- 363637
- 212122
- 0F0E0F
- 020202
Tones
- C1C0C3
- B9B8BC
- B2B1B4
- ABAAAC
- A3A3A5
- 9C9C9D
- 959596
- 8E8E8E
- 878787
Farbharmonien
Komplementär +180°
- C8C7CB
Centre Stage
- C7C8C4
≈ Snowglory
Analog -30° +30°
- C8C7CB
Centre Stage
- C6C8CC
≈ Nimbus Cloud
- CAC6CA
≈ Centre Stage
Triadisch +120° +240°
- C8C7CB
Centre Stage
- CBC7C4
≈ Ice Grey
- C4C9C8
≈ Fireplace Kitten
Geteilt komplementär +150° +210°
- C8C7CB
Centre Stage
- C9C8C4
≈ Snowglory
- C5C9C6
≈ Frosted Silver
Tetradisch +90° +180° +270°
- C8C7CB
Centre Stage
- CBC6C6
≈ Dangerous Robot
- C7C8C4
≈ Snowglory
- C4C9CA
≈ Grey Screen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.48:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--centre-stage: #c8c7cb;
--centre-stage-rgb: 200 199 203;
--centre-stage-oklch: oklch(0.832 0.006 297.7);
}
.element {
color: var(--centre-stage);
background-color: hsl(255 4% 79%);
border-color: oklch(0.832 0.006 297.7);
}Tailwind CSS v4
@theme {
--color-centre-stage: #c8c7cb;
--color-centre-stage-50: #f5f5f6;
--color-centre-stage-100: #e8e7e9;
--color-centre-stage-200: #d4d4d6;
--color-centre-stage-300: #b8b7ba;
--color-centre-stage-400: #9f9ea1;
--color-centre-stage-500: #868589;
--color-centre-stage-600: #727174;
--color-centre-stage-700: #5b5a5d;
--color-centre-stage-800: #424244;
--color-centre-stage-900: #2e2d2f;
--color-centre-stage-950: #1b1a1c;
}SCSS
$centre-stage: #c8c7cb;
$centre-stage-rgb: 200, 199, 203;
$centre-stage-light: mix(#fff, $centre-stage, 20%);
$centre-stage-dark: mix(#000, $centre-stage, 20%);
.element {
color: $centre-stage;
box-shadow: 0 0 0 2px rgba($centre-stage, 0.35);
}