Nazwany kolor · #C8C1C9
Lavender Vapour
Lavender Vapour to #C8C1C9: rgb(200 193 201), hsl(293 7% 77%), oklch(0.819 0.013 321.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lavender Vapour color name →
#C8C1C9
oklch(0.819 0.013 321.9)
Konwersje koloru
- HEX
- #c8c1c9
- RGB
- rgb(200 193 201)
- HSL
- hsl(293 7% 77%)
- HWB
- hwb(293 76% 21%)
- OKLCH
- oklch(0.819 0.013 321.9)
- OKLab
- oklab(0.819 0.011 -0.008)
- CIE Lab
- lab(78.82 3.62 -3.11)
- LCH
- lch(78.82 4.77 319.3)
- CMYK
- cmyk(0% 4% 0% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDC7CE
- D3CDD4
- D8D3D9
- DED9DE
- E3E0E4
- E9E6E9
- EEECEF
- F4F2F4
- F9F9F9
Odcienie ciemniejsze
- AEA7AE
- 948F95
- 7B777C
- 635F64
- 4C494C
- 363436
- 212022
- 0F0E0F
- 020202
Tony
- C1BAC1
- B9B4BA
- B2ADB2
- ABA6AB
- A3A0A4
- 9C999C
- 959395
- 8E8D8E
- 878687
Harmonie kolorów
Komplementarna +180°
- C8C1C9
Lavender Vapour
- BFC6BE
≈ Nickel Plate
Analogowa -30° +30°
- C8C1C9
Lavender Vapour
- C4C2CC
≈ Satire
- CBC0C5
≈ Elusive Dream
Triada +120° +240°
- C8C1C9
Lavender Vapour
- C8C3BA
≈ Pavestone
- BAC7C7
≈ Oceanic Climate
Komplementarna rozszczepiona +150° +210°
- C8C1C9
Lavender Vapour
- C4C5BB
≈ Grey Ashlar
- BCC7C3
≈ Smoke
Tetrada +90° +180° +270°
- C8C1C9
Lavender Vapour
- CBC2BC
≈ Chicago Fog
- BFC6BE
≈ Nickel Plate
- BCC5CB
≈ Icicles
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.92:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--lavender-vapour: #c8c1c9;
--lavender-vapour-rgb: 200 193 201;
--lavender-vapour-oklch: oklch(0.819 0.013 321.9);
}
.element {
color: var(--lavender-vapour);
background-color: hsl(293 7% 77%);
border-color: oklch(0.819 0.013 321.9);
}Tailwind CSS v4
@theme {
--color-lavender-vapour: #c8c1c9;
--color-lavender-vapour-50: #f7f4f7;
--color-lavender-vapour-100: #eae6ea;
--color-lavender-vapour-200: #d7d2d7;
--color-lavender-vapour-300: #bbb5bb;
--color-lavender-vapour-400: #a29ca3;
--color-lavender-vapour-500: #8b838c;
--color-lavender-vapour-600: #756f76;
--color-lavender-vapour-700: #5e595e;
--color-lavender-vapour-800: #444145;
--color-lavender-vapour-900: #2f2d30;
--color-lavender-vapour-950: #1c1a1c;
}SCSS
$lavender-vapour: #c8c1c9;
$lavender-vapour-rgb: 200, 193, 201;
$lavender-vapour-light: mix(#fff, $lavender-vapour, 20%);
$lavender-vapour-dark: mix(#000, $lavender-vapour, 20%);
.element {
color: $lavender-vapour;
box-shadow: 0 0 0 2px rgba($lavender-vapour, 0.35);
}