Nazwany kolor · #E7D6ED
First Lilac
First Lilac to #E7D6ED: rgb(231 214 237), hsl(284 39% 88%), oklch(0.897 0.036 317.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · First Lilac color name →
#E7D6ED
oklch(0.897 0.036 317.3)
Konwersje koloru
- HEX
- #e7d6ed
- RGB
- rgb(231 214 237)
- HSL
- hsl(284 39% 88%)
- HWB
- hwb(284 84% 7%)
- OKLCH
- oklch(0.897 0.036 317.3)
- OKLab
- oklab(0.897 0.026 -0.024)
- CIE Lab
- lab(87.54 9.1 -9.1)
- LCH
- lch(87.54 12.87 315)
- CMYK
- cmyk(3% 10% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9DAEF
- ECDEF1
- EEE2F2
- F1E6F4
- F3EAF6
- F5EFF8
- F8F3FA
- FAF7FB
- FDFBFD
Odcienie ciemniejsze
- C9BACE
- AB9EB0
- 8F8493
- 736A77
- 59525C
- 403B42
- 28252A
- 131014
- 030203
Tony
- DCCDE2
- D2C4D6
- C7BBCB
- BDB3C0
- B2AAB5
- A8A1AA
- 9E999F
- 949195
- 8A888A
Harmonie kolorów
Komplementarna +180°
- E7D6ED
First Lilac
- D2E3CC
≈ Lime Flip
Analogowa -30° +30°
- E7D6ED
First Lilac
- DBDAF4
≈ Quartz
- F0D4E1
≈ Portrait Pink
Triada +120° +240°
- E7D6ED
First Lilac
- EBDAC3
≈ Pine Nut
- C2E5E5
≈ Swimming
Komplementarna rozszczepiona +150° +210°
- E7D6ED
First Lilac
- DFDFC4
≈ Airy Fields
- C7E5D8
≈ Mint Whisper
Tetrada +90° +180° +270°
- E7D6ED
First Lilac
- F2D6C9
≈ Shy Cupid
- D2E3CC
≈ Lime Flip
- C5E2F0
≈ Pale Frost
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.23:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.23:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--first-lilac: #e7d6ed;
--first-lilac-rgb: 231 214 237;
--first-lilac-oklch: oklch(0.897 0.036 317.3);
}
.element {
color: var(--first-lilac);
background-color: hsl(284 39% 88%);
border-color: oklch(0.897 0.036 317.3);
}Tailwind CSS v4
@theme {
--color-first-lilac: #e7d6ed;
--color-first-lilac-50: #faf2fc;
--color-first-lilac-100: #ede4f0;
--color-first-lilac-200: #dbd0de;
--color-first-lilac-300: #c0b2c3;
--color-first-lilac-400: #a798ad;
--color-first-lilac-500: #907f96;
--color-first-lilac-600: #7a6c7f;
--color-first-lilac-700: #625666;
--color-first-lilac-800: #473f4b;
--color-first-lilac-900: #312b34;
--color-first-lilac-950: #1d1920;
}SCSS
$first-lilac: #e7d6ed;
$first-lilac-rgb: 231, 214, 237;
$first-lilac-light: mix(#fff, $first-lilac, 20%);
$first-lilac-dark: mix(#000, $first-lilac, 20%);
.element {
color: $first-lilac;
box-shadow: 0 0 0 2px rgba($first-lilac, 0.35);
}