Adlandırılmış renk · #E6DEF0
Lingering Lilac
Lingering Lilac, #E6DEF0: rgb(230 222 240), hsl(267 37% 91%), oklch(0.912 0.026 305.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Lingering Lilac color name →
#E6DEF0
oklch(0.912 0.026 305.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8E1F2
- EBE5F3
- EDE8F5
- F0EBF6
- F2EEF8
- F5F2F9
- F7F5FB
- FAF8FC
- FCFCFE
Koyu tonlar
- C8C1D1
- ABA5B2
- 8E8995
- 736F78
- 59555D
- 403D43
- 28262A
- 131214
- 030203
Gri tonlar
- DBD4E4
- D1CAD9
- C6C1CD
- BCB7C2
- B2AEB6
- A7A4AB
- 9D9BA0
- 939295
- 8A898B
Renk uyumları
Tamamlayıcı +180°
- E6DEF0
Lingering Lilac
- DEE5D3
≈ Frostee
Analog -30° +30°
- E6DEF0
Lingering Lilac
- DDE1F4
≈ Lower Lavender
- EEDCE9
≈ Desert Dawn
Üçlü +120° +240°
- E6DEF0
Lingering Lilac
- EEDFD1
≈ Calming Retreat
- D0E8E4
≈ Icicle Mint
Bölünmüş tamamlayıcı +150° +210°
- E6DEF0
Lingering Lilac
- E7E2CF
≈ Lime-Washed
- D5E7DB
≈ Light Light Lichen
Dörtlü +90° +180° +270°
- E6DEF0
Lingering Lilac
- F2DDD7
≈ Cosy Cottage
- DEE5D3
≈ Frostee
- D0E7ED
≈ Coastal Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.07:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.07:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
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);
}