Colore con nome · #C7C7C9
Shining Silver
Shining Silver è #C7C7C9: rgb(199 199 201), hsl(240 2% 78%), oklch(0.83 0.003 286.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Shining Silver color name →
#C7C7C9
oklch(0.83 0.003 286.3)
Conversioni di colore
- HEX
- #c7c7c9
- RGB
- rgb(199 199 201)
- HSL
- hsl(240 2% 78%)
- HWB
- hwb(240 78% 21%)
- OKLCH
- oklch(0.83 0.003 286.3)
- OKLab
- oklab(0.83 0.001 -0.003)
- CIE Lab
- lab(80.29 0.27 -1)
- LCH
- lch(80.29 1.04 285.3)
- CMYK
- cmyk(1% 1% 0% 21%)
Tinte · Ombre · Toni
Tinte
- CCCCCE
- D2D2D4
- D8D8D9
- DDDDDE
- E3E3E4
- E8E8E9
- EEEEEF
- F4F4F4
- F9F9F9
Ombre
- ADADAE
- 939395
- 7A7A7C
- 626264
- 4C4C4C
- 363636
- 212122
- 0E0E0F
- 020202
Toni
- C0C0C1
- B8B8BA
- B1B1B2
- AAAAAB
- A3A3A4
- 9C9C9C
- 959595
- 8E8E8E
- 878787
Armonie di colore
Complementare +180°
- C7C7C9
Shining Silver
- C7C7C5
≈ Autonomous
Analogo -30° +30°
- C7C7C9
Shining Silver
- C6C7C9
≈ Shining Silver
- C8C7C8
≈ Shining Silver
Triadico +120° +240°
- C7C7C9
Shining Silver
- C9C7C6
≈ Grey Dolphin
- C6C8C7
≈ Paternoster
Complementare divisa +150° +210°
- C7C7C9
Shining Silver
- C8C7C5
≈ Grey Dolphin
- C6C8C6
≈ Autonomous
Tetradico +90° +180° +270°
- C7C7C9
Shining Silver
- C9C7C7
≈ Paternoster
- C7C7C5
≈ Autonomous
- C5C8C8
≈ Brushed Metal
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.44:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--shining-silver: #c7c7c9;
--shining-silver-rgb: 199 199 201;
--shining-silver-oklch: oklch(0.83 0.003 286.3);
}
.element {
color: var(--shining-silver);
background-color: hsl(240 2% 78%);
border-color: oklch(0.83 0.003 286.3);
}Tailwind CSS v4
@theme {
--color-shining-silver: #c7c7c9;
--color-shining-silver-50: #f5f5f6;
--color-shining-silver-100: #e8e8e9;
--color-shining-silver-200: #d4d4d5;
--color-shining-silver-300: #b7b7b9;
--color-shining-silver-400: #9e9ea0;
--color-shining-silver-500: #868688;
--color-shining-silver-600: #717173;
--color-shining-silver-700: #5b5b5c;
--color-shining-silver-800: #424243;
--color-shining-silver-900: #2e2e2e;
--color-shining-silver-950: #1a1a1b;
}SCSS
$shining-silver: #c7c7c9;
$shining-silver-rgb: 199, 199, 201;
$shining-silver-light: mix(#fff, $shining-silver, 20%);
$shining-silver-dark: mix(#000, $shining-silver, 20%);
.element {
color: $shining-silver;
box-shadow: 0 0 0 2px rgba($shining-silver, 0.35);
}