Nazwany kolor · #EBE9EC
Dried Lavender
Dried Lavender to #EBE9EC: rgb(235 233 236), hsl(280 7% 92%), oklch(0.936 0.005 314.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dried Lavender color name →
#EBE9EC
oklch(0.936 0.005 314.8)
Konwersje koloru
- HEX
- #ebe9ec
- RGB
- rgb(235 233 236)
- HSL
- hsl(280 7% 92%)
- HWB
- hwb(280 91% 7%)
- OKLCH
- oklch(0.936 0.005 314.8)
- OKLab
- oklab(0.936 0.003 -0.003)
- CIE Lab
- lab(92.57 1.09 -1.21)
- LCH
- lch(92.57 1.63 312.1)
- CMYK
- cmyk(0% 1% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDEBEE
- EFEDF0
- F1F0F2
- F3F2F4
- F5F4F5
- F7F6F7
- F9F8F9
- FBFBFB
- FDFDFD
Odcienie ciemniejsze
- CCCBCD
- AEADAF
- 919092
- 757476
- 5B5A5B
- 414142
- 292929
- 131313
- 030303
Tony
- E0DEE1
- D5D3D5
- CAC8CA
- BFBEBF
- B4B3B4
- A9A9AA
- 9F9E9F
- 949495
- 8A8A8A
Harmonie kolorów
Komplementarna +180°
- EBE9EC
Dried Lavender
- E9EBE8
≈ Dashing
Analogowa -30° +30°
- EBE9EC
Dried Lavender
- E9EAED
≈ Lavendar Wisp
- ECE9EB
≈ Dried Lavender
Triada +120° +240°
- EBE9EC
Dried Lavender
- ECE9E7
≈ Timeless Day
- E7EBEB
≈ Superwhite
Komplementarna rozszczepiona +150° +210°
- EBE9EC
Dried Lavender
- EAEAE7
≈ Arctic White
- E7EBE9
≈ Windy Sky
Tetrada +90° +180° +270°
- EBE9EC
Dried Lavender
- EDE9E7
≈ Timeless Day
- E9EBE8
≈ Dashing
- E7EBEC
≈ Blizzard
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.20:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.39:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.39:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--dried-lavender: #ebe9ec;
--dried-lavender-rgb: 235 233 236;
--dried-lavender-oklch: oklch(0.936 0.005 314.8);
}
.element {
color: var(--dried-lavender);
background-color: hsl(280 7% 92%);
border-color: oklch(0.936 0.005 314.8);
}Tailwind CSS v4
@theme {
--color-dried-lavender: #ebe9ec;
--color-dried-lavender-50: #f6f5f6;
--color-dried-lavender-100: #e8e7e9;
--color-dried-lavender-200: #d5d3d5;
--color-dried-lavender-300: #b8b7b9;
--color-dried-lavender-400: #9f9ea0;
--color-dried-lavender-500: #878588;
--color-dried-lavender-600: #727173;
--color-dried-lavender-700: #5b5a5c;
--color-dried-lavender-800: #434243;
--color-dried-lavender-900: #2e2d2f;
--color-dried-lavender-950: #1b1a1b;
}SCSS
$dried-lavender: #ebe9ec;
$dried-lavender-rgb: 235, 233, 236;
$dried-lavender-light: mix(#fff, $dried-lavender, 20%);
$dried-lavender-dark: mix(#000, $dried-lavender, 20%);
.element {
color: $dried-lavender;
box-shadow: 0 0 0 2px rgba($dried-lavender, 0.35);
}