Nazwany kolor · #C5C0C9
Grape Mist
Grape Mist to #C5C0C9: rgb(197 192 201), hsl(273 8% 77%), oklch(0.815 0.014 310.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Grape Mist color name →
#C5C0C9
oklch(0.815 0.014 310.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBC6CE
- D0CCD4
- D6D3D9
- DCD9DE
- E2DFE4
- E7E5E9
- EDECEF
- F3F2F4
- F9F9FA
Odcienie ciemniejsze
- ABA7AE
- 928E95
- 79767C
- 615F64
- 4B494C
- 353436
- 212022
- 0E0E0F
- 020202
Tony
- BEB9C1
- B7B3BA
- B0ACB2
- A9A6AB
- A29FA4
- 9B999C
- 949395
- 8D8C8E
- 878687
Harmonie kolorów
Komplementarna +180°
- C5C0C9
Grape Mist
- BFC4BB
≈ Three Wishes
Analogowa -30° +30°
- C5C0C9
Grape Mist
- C0C2CB
≈ Slipper Satin
- C9BFC5
≈ Whisper Soft
Triada +120° +240°
- C5C0C9
Grape Mist
- C8C1B9
≈ Basket of Bobbins
- B9C5C4
≈ Silver Whiskers
Komplementarna rozszczepiona +150° +210°
- C5C0C9
Grape Mist
- C4C3B9
≈ Baby Barn Owl
- BBC5BF
≈ Pewter Tray
Tetrada +90° +180° +270°
- C5C0C9
Grape Mist
- CBC0BC
≈ Down-Home
- BFC4BB
≈ Three Wishes
- B9C5C8
≈ Soft Denim
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.75:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
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);
}