Colore con nome · #C6C7C5
Autonomous
Autonomous è #C6C7C5: rgb(198 199 197), hsl(90 2% 78%), oklch(0.828 0.003 128.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Autonomous color name →
#C6C7C5
oklch(0.828 0.003 128.5)
Conversioni di colore
- HEX
- #c6c7c5
- RGB
- rgb(198 199 197)
- HSL
- hsl(90 2% 78%)
- HWB
- hwb(90 77% 22%)
- OKLCH
- oklch(0.828 0.003 128.5)
- OKLab
- oklab(0.828 -0.002 0.002)
- CIE Lab
- lab(80.12 -0.63 0.88)
- LCH
- lch(80.12 1.08 125.8)
- CMYK
- cmyk(1% 0% 1% 22%)
Tinte · Ombre · Toni
Tinte
- CCCCCB
- D1D2D0
- D7D8D6
- DCDDDC
- E2E3E2
- E8E8E7
- EEEEED
- F3F4F3
- F9F9F9
Ombre
- ACADAB
- 929392
- 7A7A79
- 626261
- 4B4C4B
- 353635
- 212121
- 0E0E0E
- 020202
Toni
- BFC0BE
- B8B8B7
- B0B1B0
- A9AAA9
- A2A3A2
- 9B9C9B
- 949594
- 8E8E8D
- 878787
Armonie di colore
Complementare +180°
- C6C7C5
Autonomous
- C7C6C8
≈ Shining Silver
Analogo -30° +30°
- C6C7C5
Autonomous
- C7C7C5
≈ Autonomous
- C5C7C6
≈ Autonomous
Triadico +120° +240°
- C6C7C5
Autonomous
- C5C7C8
≈ Shining Silver
- C8C6C6
≈ Silver Polish
Complementare divisa +150° +210°
- C6C7C5
Autonomous
- C6C6C9
≈ Shining Silver
- C8C6C7
≈ Shining Silver
Tetradico +90° +180° +270°
- C6C7C5
Autonomous
- C5C7C8
≈ Shining Silver
- C7C6C8
≈ Shining Silver
- C8C6C5
≈ Grey Dolphin
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.37:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--autonomous: #c6c7c5;
--autonomous-rgb: 198 199 197;
--autonomous-oklch: oklch(0.828 0.003 128.5);
}
.element {
color: var(--autonomous);
background-color: hsl(90 2% 78%);
border-color: oklch(0.828 0.003 128.5);
}Tailwind CSS v4
@theme {
--color-autonomous: #c6c7c5;
--color-autonomous-50: #f5f5f4;
--color-autonomous-100: #e7e8e7;
--color-autonomous-200: #d4d4d3;
--color-autonomous-300: #b7b8b6;
--color-autonomous-400: #9e9f9d;
--color-autonomous-500: #858684;
--color-autonomous-600: #717270;
--color-autonomous-700: #5a5b5a;
--color-autonomous-800: #424241;
--color-autonomous-900: #2e2e2d;
--color-autonomous-950: #1a1b1a;
}SCSS
$autonomous: #c6c7c5;
$autonomous-rgb: 198, 199, 197;
$autonomous-light: mix(#fff, $autonomous, 20%);
$autonomous-dark: mix(#000, $autonomous, 20%);
.element {
color: $autonomous;
box-shadow: 0 0 0 2px rgba($autonomous, 0.35);
}