Nazwany kolor · #D5D2D7
Etude Lilac
Etude Lilac to #D5D2D7: rgb(213 210 215), hsl(276 6% 83%), oklch(0.868 0.008 312.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Etude Lilac color name →
#D5D2D7
oklch(0.868 0.008 312.3)
Konwersje koloru
- HEX
- #d5d2d7
- RGB
- rgb(213 210 215)
- HSL
- hsl(276 6% 83%)
- HWB
- hwb(276 82% 16%)
- OKLCH
- oklch(0.868 0.008 312.3)
- OKLab
- oklab(0.868 0.005 -0.006)
- CIE Lab
- lab(84.55 1.74 -2.1)
- LCH
- lch(84.55 2.73 309.7)
- CMYK
- cmyk(1% 2% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9D6DB
- DDDBDF
- E1DFE3
- E6E4E7
- EAE8EB
- EEEDEF
- F2F1F3
- F6F6F7
- FBFAFB
Odcienie ciemniejsze
- B9B6BB
- 9E9B9F
- 838185
- 6A686B
- 515052
- 3A393B
- 242425
- 101011
- 020202
Tony
- CCC9CE
- C3C1C5
- BBB9BC
- B2B0B3
- AAA8AA
- A1A0A2
- 999899
- 909091
- 888888
Harmonie kolorów
Komplementarna +180°
- D5D2D7
Etude Lilac
- D1D4CF
≈ Calm Cool and Collected
Analogowa -30° +30°
- D5D2D7
Etude Lilac
- D2D3D8
≈ Blueberry Whip
- D7D1D5
≈ Lilac Mauve
Triada +120° +240°
- D5D2D7
Etude Lilac
- D7D3CE
≈ Sleeping Inn
- CED5D5
≈ Zumthor
Komplementarna rozszczepiona +150° +210°
- D5D2D7
Etude Lilac
- D4D4CE
≈ Slow Perch
- CFD5D2
≈ Old Sterling
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.49:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.02:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.02:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--etude-lilac: #d5d2d7;
--etude-lilac-rgb: 213 210 215;
--etude-lilac-oklch: oklch(0.868 0.008 312.3);
}
.element {
color: var(--etude-lilac);
background-color: hsl(276 6% 83%);
border-color: oklch(0.868 0.008 312.3);
}Tailwind CSS v4
@theme {
--color-etude-lilac: #d5d2d7;
--color-etude-lilac-50: #f6f4f7;
--color-etude-lilac-100: #e9e7ea;
--color-etude-lilac-200: #d5d3d6;
--color-etude-lilac-300: #b9b6ba;
--color-etude-lilac-400: #a09da2;
--color-etude-lilac-500: #88858a;
--color-etude-lilac-600: #737075;
--color-etude-lilac-700: #5c5a5d;
--color-etude-lilac-800: #434244;
--color-etude-lilac-900: #2e2d2f;
--color-etude-lilac-950: #1b1a1c;
}SCSS
$etude-lilac: #d5d2d7;
$etude-lilac-rgb: 213, 210, 215;
$etude-lilac-light: mix(#fff, $etude-lilac, 20%);
$etude-lilac-dark: mix(#000, $etude-lilac, 20%);
.element {
color: $etude-lilac;
box-shadow: 0 0 0 2px rgba($etude-lilac, 0.35);
}