Colore con nome · #6D6166
Grape Grey
Grape Grey è #6D6166: rgb(109 97 102), hsl(335 6% 40%), oklch(0.506 0.017 350.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grape Grey color name →
#6D6166
oklch(0.506 0.017 350.6)
Conversioni di colore
- HEX
- #6d6166
- RGB
- rgb(109 97 102)
- HSL
- hsl(335 6% 40%)
- HWB
- hwb(335 38% 57%)
- OKLCH
- oklch(0.506 0.017 350.6)
- OKLab
- oklab(0.506 0.017 -0.003)
- CIE Lab
- lab(42.43 5.68 -1.01)
- LCH
- lch(42.43 5.77 350)
- CMYK
- cmyk(0% 11% 6% 57%)
Tinte · Ombre · Toni
Tinte
- 7B6F74
- 887E82
- 978D91
- A59DA0
- B3ADAF
- C2BDBF
- D1CDCF
- E0DDDE
- EFEEEF
Ombre
- 5E5358
- 4F464A
- 41393C
- 332D2F
- 262123
- 191517
- 0D0B0C
- 040304
- 010000
Toni
- 6F6469
- 71676B
- 736A6E
- 756D70
- 777073
- 787375
- 7A7778
- 7C7A7B
- 7E7D7D
Armonie di colore
Complementare +180°
- 6D6166
Grape Grey
- 5C6863
≈ Dark Pewter
Analogo -30° +30°
- 6D6166
Grape Grey
- 69626B
≈ Forge
- 6E6161
≈ Browse Brown
Triadico +120° +240°
- 6D6166
Grape Grey
- 65665B
≈ Greenish Grey Bark
- 5B676D
≈ Made of Steel
Complementare divisa +150° +210°
- 6D6166
Grape Grey
- 60675E
≈ Pine Mountain
- 5A6869
≈ Wing Man
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.91:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.55:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.91:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--grape-grey: #6d6166;
--grape-grey-rgb: 109 97 102;
--grape-grey-oklch: oklch(0.506 0.017 350.6);
}
.element {
color: var(--grape-grey);
background-color: hsl(335 6% 40%);
border-color: oklch(0.506 0.017 350.6);
}Tailwind CSS v4
@theme {
--color-grape-grey: #6d6166;
--color-grape-grey-50: #f9f3f5;
--color-grape-grey-100: #ede6e8;
--color-grape-grey-200: #dad1d5;
--color-grape-grey-300: #bfb4b8;
--color-grape-grey-400: #a79aa0;
--color-grape-grey-500: #908288;
--color-grape-grey-600: #7a6e73;
--color-grape-grey-700: #61585c;
--color-grape-grey-800: #474043;
--color-grape-grey-900: #312c2e;
--color-grape-grey-950: #1d191b;
}SCSS
$grape-grey: #6d6166;
$grape-grey-rgb: 109, 97, 102;
$grape-grey-light: mix(#fff, $grape-grey, 20%);
$grape-grey-dark: mix(#000, $grape-grey, 20%);
.element {
color: $grape-grey;
box-shadow: 0 0 0 2px rgba($grape-grey, 0.35);
}