Nazwany kolor · #E5DAE1
Violet Vapour
Violet Vapour to #E5DAE1: rgb(229 218 225), hsl(322 17% 88%), oklch(0.899 0.015 338.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Violet Vapour color name →
#E5DAE1
oklch(0.899 0.015 338.9)
Konwersje koloru
- HEX
- #e5dae1
- RGB
- rgb(229 218 225)
- HSL
- hsl(322 17% 88%)
- HWB
- hwb(322 85% 10%)
- OKLCH
- oklch(0.899 0.015 338.9)
- OKLab
- oklab(0.899 0.014 -0.005)
- CIE Lab
- lab(88.09 4.81 -2.03)
- LCH
- lch(88.09 5.22 337.1)
- CMYK
- cmyk(0% 5% 2% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8DEE4
- EAE1E7
- EDE5EA
- EFE9ED
- F2ECF0
- F5F0F3
- F7F4F6
- FAF8F9
- FCFBFC
Odcienie ciemniejsze
- C7BDC4
- AAA2A7
- 8E878B
- 726C70
- 585456
- 3F3C3E
- 282527
- 121112
- 030202
Tony
- DAD1D7
- D0C7CD
- C6BEC3
- BBB5B9
- B1ACAF
- A7A3A6
- 9D9A9C
- 939193
- 8A8989
Harmonie kolorów
Komplementarna +180°
- E5DAE1
Violet Vapour
- D6E1DA
≈ Dewy
Analogowa -30° +30°
- E5DAE1
Violet Vapour
- E1DBE6
≈ He Loves Me
- E7DADB
≈ Death Cap
Triada +120° +240°
- E5DAE1
Violet Vapour
- E0DED3
≈ Alpine Frost
- D3E0E5
≈ Valley of Tears
Komplementarna rozszczepiona +150° +210°
- E5DAE1
Violet Vapour
- DBE0D5
≈ Just a Little
- D3E1E0
≈ Pristine Petal
Tetrada +90° +180° +270°
- E5DAE1
Violet Vapour
- E5DCD3
≈ Everyday White
- D6E1DA
≈ Dewy
- D6DFE8
≈ Icy Teal
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.44:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--violet-vapour: #e5dae1;
--violet-vapour-rgb: 229 218 225;
--violet-vapour-oklch: oklch(0.899 0.015 338.9);
}
.element {
color: var(--violet-vapour);
background-color: hsl(322 17% 88%);
border-color: oklch(0.899 0.015 338.9);
}Tailwind CSS v4
@theme {
--color-violet-vapour: #e5dae1;
--color-violet-vapour-50: #f8f3f6;
--color-violet-vapour-100: #ece6e9;
--color-violet-vapour-200: #d9d2d6;
--color-violet-vapour-300: #bdb4ba;
--color-violet-vapour-400: #a59ba1;
--color-violet-vapour-500: #8d8289;
--color-violet-vapour-600: #786e74;
--color-violet-vapour-700: #60585d;
--color-violet-vapour-800: #464044;
--color-violet-vapour-900: #302c2f;
--color-violet-vapour-950: #1d191c;
}SCSS
$violet-vapour: #e5dae1;
$violet-vapour-rgb: 229, 218, 225;
$violet-vapour-light: mix(#fff, $violet-vapour, 20%);
$violet-vapour-dark: mix(#000, $violet-vapour, 20%);
.element {
color: $violet-vapour;
box-shadow: 0 0 0 2px rgba($violet-vapour, 0.35);
}