Nazwany kolor · #D3D1DC
Frosted Lilac
Frosted Lilac to #D3D1DC: rgb(211 209 220), hsl(251 14% 84%), oklch(0.866 0.015 294.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Frosted Lilac color name →
#D3D1DC
oklch(0.866 0.015 294.4)
Konwersje koloru
- HEX
- #d3d1dc
- RGB
- rgb(211 209 220)
- HSL
- hsl(251 14% 84%)
- HWB
- hwb(251 82% 14%)
- OKLCH
- oklch(0.866 0.015 294.4)
- OKLab
- oklab(0.866 0.006 -0.014)
- CIE Lab
- lab(84.25 2.23 -5.2)
- LCH
- lch(84.25 5.66 293.2)
- CMYK
- cmyk(4% 5% 0% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D7D6DF
- DCDAE3
- E0DFE6
- E4E3EA
- E9E8ED
- EDECF1
- F2F1F4
- F6F6F8
- FBFAFB
Odcienie ciemniejsze
- B7B5BF
- 9C9BA3
- 828188
- 69686E
- 515054
- 3A393C
- 242326
- 101011
- 020202
Tony
- CAC9D2
- C2C0C9
- B9B8BF
- B1B0B6
- A9A8AD
- A0A0A4
- 98989B
- 909092
- 888889
Harmonie kolorów
Komplementarna +180°
- D3D1DC
Frosted Lilac
- D2D4C9
≈ Stony Path
Analogowa -30° +30°
- D3D1DC
Frosted Lilac
- CED3DD
≈ Gentle Blue
- D8D0D8
≈ Lilac Mauve
Triada +120° +240°
- D3D1DC
Frosted Lilac
- DBD0CA
≈ Mushroom Risotto
- C9D6D2
≈ Blue Lullaby
Komplementarna rozszczepiona +150° +210°
- D3D1DC
Frosted Lilac
- D7D2C8
≈ Winter in New York
- CDD6CD
≈ Aspen Mist
Tetrada +90° +180° +270°
- D3D1DC
Frosted Lilac
- DDCFCE
≈ Light Hint of Lavender
- D2D4C9
≈ Stony Path
- C8D6D7
≈ Skydiving
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.50:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.92:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--frosted-lilac: #d3d1dc;
--frosted-lilac-rgb: 211 209 220;
--frosted-lilac-oklch: oklch(0.866 0.015 294.4);
}
.element {
color: var(--frosted-lilac);
background-color: hsl(251 14% 84%);
border-color: oklch(0.866 0.015 294.4);
}Tailwind CSS v4
@theme {
--color-frosted-lilac: #d3d1dc;
--color-frosted-lilac-50: #f5f4f9;
--color-frosted-lilac-100: #e8e7ec;
--color-frosted-lilac-200: #d5d3da;
--color-frosted-lilac-300: #b8b6be;
--color-frosted-lilac-400: #9f9da7;
--color-frosted-lilac-500: #86848f;
--color-frosted-lilac-600: #727079;
--color-frosted-lilac-700: #5b5a61;
--color-frosted-lilac-800: #424147;
--color-frosted-lilac-900: #2e2d31;
--color-frosted-lilac-950: #1b1a1d;
}SCSS
$frosted-lilac: #d3d1dc;
$frosted-lilac-rgb: 211, 209, 220;
$frosted-lilac-light: mix(#fff, $frosted-lilac, 20%);
$frosted-lilac-dark: mix(#000, $frosted-lilac, 20%);
.element {
color: $frosted-lilac;
box-shadow: 0 0 0 2px rgba($frosted-lilac, 0.35);
}