Benannte Farbe · #DFE1E6
Lilac Champagne
Lilac Champagne ist #DFE1E6: rgb(223 225 230), hsl(223 12% 89%), oklch(0.91 0.007 268.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lilac Champagne color name →
#DFE1E6
oklch(0.91 0.007 268.5)
Farbumrechnungen
- HEX
- #dfe1e6
- RGB
- rgb(223 225 230)
- HSL
- hsl(223 12% 89%)
- HWB
- hwb(223 87% 10%)
- OKLCH
- oklch(0.91 0.007 268.5)
- OKLab
- oklab(0.91 0 -0.007)
- CIE Lab
- lab(89.48 -0.02 -2.7)
- LCH
- lch(89.48 2.7 269.6)
- CMYK
- cmyk(3% 2% 0% 10%)
Tints · Shades · Tones
Tints
- E2E4E8
- E5E7EB
- E9EAED
- ECEDF0
- EFF0F2
- F2F3F5
- F5F6F7
- F9F9FA
- FCFCFC
Shades
- C2C4C8
- A5A7AB
- 8A8B8E
- 6F7073
- 565659
- 3D3E40
- 272728
- 121213
- 020203
Tones
- D5D7DB
- CBCDD1
- C2C3C6
- B8B9BC
- AEAFB2
- A5A6A7
- 9B9C9D
- 929393
- 89898A
Farbharmonien
Komplementär +180°
- DFE1E6
Lilac Champagne
- E3E1DC
≈ Freshwater Pearls
Analog -30° +30°
- DFE1E6
Lilac Champagne
- DDE2E5
≈ Cosmic Dust
- E2E0E5
≈ Lilac Champagne
Triadisch +120° +240°
- DFE1E6
Lilac Champagne
- E6DFDE
≈ Mountain Air
- DEE2DE
≈ Whitecap Foam
Geteilt komplementär +150° +210°
- DFE1E6
Lilac Champagne
- E5E0DD
≈ Timid Beige
- E0E2DD
≈ Night White
Tetradisch +90° +180° +270°
- DFE1E6
Lilac Champagne
- E5DFE1
≈ Pearl Violet
- E3E1DC
≈ Freshwater Pearls
- DCE3E1
≈ Inverness Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.05:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 16.05:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--lilac-champagne: #dfe1e6;
--lilac-champagne-rgb: 223 225 230;
--lilac-champagne-oklch: oklch(0.91 0.007 268.5);
}
.element {
color: var(--lilac-champagne);
background-color: hsl(223 12% 89%);
border-color: oklch(0.91 0.007 268.5);
}Tailwind CSS v4
@theme {
--color-lilac-champagne: #dfe1e6;
--color-lilac-champagne-50: #f4f5f7;
--color-lilac-champagne-100: #e7e8ea;
--color-lilac-champagne-200: #d3d4d7;
--color-lilac-champagne-300: #b6b7bb;
--color-lilac-champagne-400: #9c9ea3;
--color-lilac-champagne-500: #84868b;
--color-lilac-champagne-600: #707176;
--color-lilac-champagne-700: #595b5e;
--color-lilac-champagne-800: #414245;
--color-lilac-champagne-900: #2d2e30;
--color-lilac-champagne-950: #1a1b1c;
}SCSS
$lilac-champagne: #dfe1e6;
$lilac-champagne-rgb: 223, 225, 230;
$lilac-champagne-light: mix(#fff, $lilac-champagne, 20%);
$lilac-champagne-dark: mix(#000, $lilac-champagne, 20%);
.element {
color: $lilac-champagne;
box-shadow: 0 0 0 2px rgba($lilac-champagne, 0.35);
}