Colore con nome · #C5C0C9
Grape Mist
Grape Mist è #C5C0C9: rgb(197 192 201), hsl(273 8% 77%), oklch(0.815 0.014 310.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grape Mist color name →
#C5C0C9
oklch(0.815 0.014 310.5)
Conversioni di colore
- HEX
- #c5c0c9
- RGB
- rgb(197 192 201)
- HSL
- hsl(273 8% 77%)
- HWB
- hwb(273 75% 21%)
- OKLCH
- oklch(0.815 0.014 310.5)
- OKLab
- oklab(0.815 0.009 -0.01)
- CIE Lab
- lab(78.32 3.05 -3.88)
- LCH
- lch(78.32 4.93 308.1)
- CMYK
- cmyk(2% 4% 0% 21%)
Tinte · Ombre · Toni
Tinte
- CBC6CE
- D0CCD4
- D6D3D9
- DCD9DE
- E2DFE4
- E7E5E9
- EDECEF
- F3F2F4
- F9F9FA
Ombre
- ABA7AE
- 928E95
- 79767C
- 615F64
- 4B494C
- 353436
- 212022
- 0E0E0F
- 020202
Toni
- BEB9C1
- B7B3BA
- B0ACB2
- A9A6AB
- A29FA4
- 9B999C
- 949395
- 8D8C8E
- 878687
Armonie di colore
Complementare +180°
- C5C0C9
Grape Mist
- BFC4BB
≈ Three Wishes
Analogo -30° +30°
- C5C0C9
Grape Mist
- C0C2CB
≈ Slipper Satin
- C9BFC5
≈ Whisper Soft
Triadico +120° +240°
- C5C0C9
Grape Mist
- C8C1B9
≈ Basket of Bobbins
- B9C5C4
≈ Silver Whiskers
Complementare divisa +150° +210°
- C5C0C9
Grape Mist
- C4C3B9
≈ Baby Barn Owl
- BBC5BF
≈ Pewter Tray
Tetradico +90° +180° +270°
- C5C0C9
Grape Mist
- CBC0BC
≈ Down-Home
- BFC4BB
≈ Three Wishes
- B9C5C8
≈ Soft Denim
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.75:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--grape-mist: #c5c0c9;
--grape-mist-rgb: 197 192 201;
--grape-mist-oklch: oklch(0.815 0.014 310.5);
}
.element {
color: var(--grape-mist);
background-color: hsl(273 8% 77%);
border-color: oklch(0.815 0.014 310.5);
}Tailwind CSS v4
@theme {
--color-grape-mist: #c5c0c9;
--color-grape-mist-50: #f6f4f8;
--color-grape-mist-100: #e9e7eb;
--color-grape-mist-200: #d6d3d8;
--color-grape-mist-300: #bab5bc;
--color-grape-mist-400: #a19ca4;
--color-grape-mist-500: #89848d;
--color-grape-mist-600: #747077;
--color-grape-mist-700: #5d595f;
--color-grape-mist-800: #444146;
--color-grape-mist-900: #2f2d30;
--color-grape-mist-950: #1b1a1d;
}SCSS
$grape-mist: #c5c0c9;
$grape-mist-rgb: 197, 192, 201;
$grape-mist-light: mix(#fff, $grape-mist, 20%);
$grape-mist-dark: mix(#000, $grape-mist, 20%);
.element {
color: $grape-mist;
box-shadow: 0 0 0 2px rgba($grape-mist, 0.35);
}