Màu có tên · #E6DEF0
Lingering Lilac
Lingering Lilac là #E6DEF0: rgb(230 222 240), hsl(267 37% 91%), oklch(0.912 0.026 305.8). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Lingering Lilac color name →
#E6DEF0
oklch(0.912 0.026 305.8)
Chuyển đổi màu
- HEX
- #e6def0
- RGB
- rgb(230 222 240)
- HSL
- hsl(267 37% 91%)
- HWB
- hwb(267 87% 6%)
- OKLCH
- oklch(0.912 0.026 305.8)
- OKLab
- oklab(0.912 0.015 -0.021)
- CIE Lab
- lab(89.51 5.25 -7.79)
- LCH
- lch(89.51 9.39 303.9)
- CMYK
- cmyk(4% 7% 0% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E8E1F2
- EBE5F3
- EDE8F5
- F0EBF6
- F2EEF8
- F5F2F9
- F7F5FB
- FAF8FC
- FCFCFE
Sắc đậm
- C8C1D1
- ABA5B2
- 8E8995
- 736F78
- 59555D
- 403D43
- 28262A
- 131214
- 030203
Sắc xám
- DBD4E4
- D1CAD9
- C6C1CD
- BCB7C2
- B2AEB6
- A7A4AB
- 9D9BA0
- 939295
- 8A898B
Hòa sắc
Bổ túc +180°
- E6DEF0
Lingering Lilac
- DEE5D3
≈ Frostee
Tương đồng -30° +30°
- E6DEF0
Lingering Lilac
- DDE1F4
≈ Lower Lavender
- EEDCE9
≈ Desert Dawn
Bộ ba +120° +240°
- E6DEF0
Lingering Lilac
- EEDFD1
≈ Calming Retreat
- D0E8E4
≈ Icicle Mint
Bổ túc chia +150° +210°
- E6DEF0
Lingering Lilac
- E7E2CF
≈ Lime-Washed
- D5E7DB
≈ Light Light Lichen
Bộ bốn +90° +180° +270°
- E6DEF0
Lingering Lilac
- F2DDD7
≈ Cosy Cottage
- DEE5D3
≈ Frostee
- D0E7ED
≈ Coastal Mist
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.30:1 · APCA Lc 15
Ag
AAATrên nền đen
WCAG 16.07:1 · APCA Lc 89
Màu chữ tốt nhất: #000000
WCAG 16.07:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--lingering-lilac: #e6def0;
--lingering-lilac-rgb: 230 222 240;
--lingering-lilac-oklch: oklch(0.912 0.026 305.8);
}
.element {
color: var(--lingering-lilac);
background-color: hsl(267 37% 91%);
border-color: oklch(0.912 0.026 305.8);
}Tailwind CSS v4
@theme {
--color-lingering-lilac: #e6def0;
--color-lingering-lilac-50: #f7f3fb;
--color-lingering-lilac-100: #eae6ef;
--color-lingering-lilac-200: #d7d1dd;
--color-lingering-lilac-300: #bbb4c2;
--color-lingering-lilac-400: #a29bab;
--color-lingering-lilac-500: #8a8294;
--color-lingering-lilac-600: #756e7d;
--color-lingering-lilac-700: #5e5864;
--color-lingering-lilac-800: #44404a;
--color-lingering-lilac-900: #2f2c33;
--color-lingering-lilac-950: #1c191f;
}SCSS
$lingering-lilac: #e6def0;
$lingering-lilac-rgb: 230, 222, 240;
$lingering-lilac-light: mix(#fff, $lingering-lilac, 20%);
$lingering-lilac-dark: mix(#000, $lingering-lilac, 20%);
.element {
color: $lingering-lilac;
box-shadow: 0 0 0 2px rgba($lingering-lilac, 0.35);
}