Nazwany kolor · #DACCDE
Violet Mist
Violet Mist to #DACCDE: rgb(218 204 222), hsl(287 21% 84%), oklch(0.862 0.029 318.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Violet Mist color name →
#DACCDE
oklch(0.862 0.029 318.7)
Konwersje koloru
- HEX
- #daccde
- RGB
- rgb(218 204 222)
- HSL
- hsl(287 21% 84%)
- HWB
- hwb(287 80% 13%)
- OKLCH
- oklch(0.862 0.029 318.7)
- OKLab
- oklab(0.862 0.022 -0.019)
- CIE Lab
- lab(83.61 7.43 -7.11)
- LCH
- lch(83.61 10.29 316.3)
- CMYK
- cmyk(2% 8% 0% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DED1E1
- E1D6E5
- E5DBE8
- E9E0EB
- ECE5EE
- F0EAF2
- F4F0F5
- F8F5F8
- FBFAFC
Odcienie ciemniejsze
- BDB1C1
- A297A5
- 877E89
- 6C656F
- 544E55
- 3C373D
- 252226
- 110F12
- 020202
Tony
- D1C4D4
- C7BCCA
- BEB5C1
- B5ADB7
- ACA5AE
- A39EA4
- 9A969B
- 918F92
- 898789
Harmonie kolorów
Komplementarna +180°
- DACCDE
Violet Mist
- C8D7C4
≈ French Limestone
Analogowa -30° +30°
- DACCDE
Violet Mist
- D0CFE4
≈ Wildflower Prairie
- E1CAD5
≈ Sweet and Sassy
Triada +120° +240°
- DACCDE
Violet Mist
- DCD0BD
≈ Sandy Clay
- BDD8D9
≈ Alexandrian Sky
Komplementarna rozszczepiona +150° +210°
- DACCDE
Violet Mist
- D3D3BE
≈ Brainstorm
- C0D8CE
≈ Meadow Lane
Tetrada +90° +180° +270°
- DACCDE
Violet Mist
- E2CDC2
≈ Humble Blush
- C8D7C4
≈ French Limestone
- BFD6E1
≈ Bridgewater Bay
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.53:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.67:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.67:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--violet-mist: #daccde;
--violet-mist-rgb: 218 204 222;
--violet-mist-oklch: oklch(0.862 0.029 318.7);
}
.element {
color: var(--violet-mist);
background-color: hsl(287 21% 84%);
border-color: oklch(0.862 0.029 318.7);
}Tailwind CSS v4
@theme {
--color-violet-mist: #daccde;
--color-violet-mist-50: #f9f3fa;
--color-violet-mist-100: #ece5ee;
--color-violet-mist-200: #dad0dc;
--color-violet-mist-300: #beb3c1;
--color-violet-mist-400: #a699aa;
--color-violet-mist-500: #8f8093;
--color-violet-mist-600: #796d7c;
--color-violet-mist-700: #615763;
--color-violet-mist-800: #463f49;
--color-violet-mist-900: #312c33;
--color-violet-mist-950: #1d191e;
}SCSS
$violet-mist: #daccde;
$violet-mist-rgb: 218, 204, 222;
$violet-mist-light: mix(#fff, $violet-mist, 20%);
$violet-mist-dark: mix(#000, $violet-mist, 20%);
.element {
color: $violet-mist;
box-shadow: 0 0 0 2px rgba($violet-mist, 0.35);
}