Nazwany kolor · #E6E9F9
Icy Lilac
Icy Lilac to #E6E9F9: rgb(230 233 249), hsl(231 61% 94%), oklch(0.936 0.022 277.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Icy Lilac color name →
#E6E9F9
oklch(0.936 0.022 277.5)
Konwersje koloru
- HEX
- #e6e9f9
- RGB
- rgb(230 233 249)
- HSL
- hsl(231 61% 94%)
- HWB
- hwb(231 90% 2%)
- OKLCH
- oklch(0.936 0.022 277.5)
- OKLab
- oklab(0.936 0.003 -0.022)
- CIE Lab
- lab(92.47 1.18 -8.14)
- LCH
- lch(92.47 8.22 278.3)
- CMYK
- cmyk(8% 6% 0% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8EBFA
- EBEDFA
- EDF0FB
- F0F2FB
- F2F4FC
- F5F6FD
- F7F8FD
- FAFBFE
- FCFDFE
Odcienie ciemniejsze
- C8CBD9
- ABADB9
- 8E909A
- 73747D
- 595A61
- 404146
- 28292C
- 131315
- 030303
Tony
- DBDEEC
- D1D3E0
- C6C8D3
- BCBEC7
- B2B3BB
- A7A9AF
- 9D9EA3
- 939497
- 8A8A8B
Harmonie kolorów
Komplementarna +180°
- E6E9F9
Icy Lilac
- EEEADA
≈ Nesting Dove
Analogowa -30° +30°
- E6E9F9
Icy Lilac
- DFECF8
≈ Husky
- EEE6F6
≈ Holographic Lavender
Triada +120° +240°
- E6E9F9
Icy Lilac
- F8E5E0
≈ Spring Petal
- DFEFE4
≈ Lower Green
Komplementarna rozszczepiona +150° +210°
- E6E9F9
Icy Lilac
- F4E8DB
≈ Alabaster
- E6EDDE
≈ Chrome Green
Tetrada +90° +180° +270°
- E6E9F9
Icy Lilac
- F8E4E7
≈ Pink Tutu
- EEEADA
≈ Nesting Dove
- DBEFEC
≈ Free Spirit
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.20:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.38:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--icy-lilac: #e6e9f9;
--icy-lilac-rgb: 230 233 249;
--icy-lilac-oklch: oklch(0.936 0.022 277.5);
}
.element {
color: var(--icy-lilac);
background-color: hsl(231 61% 94%);
border-color: oklch(0.936 0.022 277.5);
}Tailwind CSS v4
@theme {
--color-icy-lilac: #e6e9f9;
--color-icy-lilac-50: #f4f5fb;
--color-icy-lilac-100: #e6e7ef;
--color-icy-lilac-200: #d2d3de;
--color-icy-lilac-300: #b5b6c3;
--color-icy-lilac-400: #9b9dac;
--color-icy-lilac-500: #828595;
--color-icy-lilac-600: #6e717e;
--color-icy-lilac-700: #585a65;
--color-icy-lilac-800: #40424a;
--color-icy-lilac-900: #2c2d33;
--color-icy-lilac-950: #191a1f;
}SCSS
$icy-lilac: #e6e9f9;
$icy-lilac-rgb: 230, 233, 249;
$icy-lilac-light: mix(#fff, $icy-lilac, 20%);
$icy-lilac-dark: mix(#000, $icy-lilac, 20%);
.element {
color: $icy-lilac;
box-shadow: 0 0 0 2px rgba($icy-lilac, 0.35);
}