Nazwany kolor · #D4CACD
Grey Lilac
Grey Lilac to #D4CACD: rgb(212 202 205), hsl(342 10% 81%), oklch(0.848 0.012 357.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Grey Lilac color name →
#D4CACD
oklch(0.848 0.012 357.1)
Konwersje koloru
- HEX
- #d4cacd
- RGB
- rgb(212 202 205)
- HSL
- hsl(342 10% 81%)
- HWB
- hwb(342 79% 17%)
- OKLCH
- oklch(0.848 0.012 357.1)
- OKLab
- oklab(0.848 0.012 -0.001)
- CIE Lab
- lab(82.21 3.99 -0.19)
- LCH
- lch(82.21 3.99 357.2)
- CMYK
- cmyk(0% 5% 3% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8CFD2
- DDD4D7
- E1DADC
- E5DFE1
- E9E4E6
- EEEAEB
- F2EFF0
- F6F4F5
- FBFAFA
Odcienie ciemniejsze
- B8AFB2
- 9D9598
- 837C7E
- 696466
- 514D4E
- 3A3738
- 242223
- 100F0F
- 020202
Tony
- CBC2C5
- C3BBBD
- BAB3B5
- B2ACAD
- A9A4A6
- A19D9E
- 989696
- 908E8F
- 888787
Harmonie kolorów
Komplementarna +180°
- D4CACD
Grey Lilac
- C5D0CD
≈ Foggy Mist
Analogowa -30° +30°
- D4CACD
Grey Lilac
- D1CAD1
≈ Light Stately Frills
- D5CAC9
≈ Eagle’s View
Triada +120° +240°
- D4CACD
Grey Lilac
- CCCEC6
≈ Lattice
- C6CED4
≈ Ephemeral Mist
Komplementarna rozszczepiona +150° +210°
- D4CACD
Grey Lilac
- C8CFC9
≈ Infusion
- C5CFD1
≈ Lark Wing
Tetrada +90° +180° +270°
- D4CACD
Grey Lilac
- D0CDC5
≈ Cool Slate
- C5D0CD
≈ Foggy Mist
- C9CDD5
≈ Crater Crawler
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.12:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.12:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--grey-lilac: #d4cacd;
--grey-lilac-rgb: 212 202 205;
--grey-lilac-oklch: oklch(0.848 0.012 357.1);
}
.element {
color: var(--grey-lilac);
background-color: hsl(342 10% 81%);
border-color: oklch(0.848 0.012 357.1);
}Tailwind CSS v4
@theme {
--color-grey-lilac: #d4cacd;
--color-grey-lilac-50: #f8f4f5;
--color-grey-lilac-100: #ebe6e8;
--color-grey-lilac-200: #d9d2d4;
--color-grey-lilac-300: #bdb5b7;
--color-grey-lilac-400: #a59c9e;
--color-grey-lilac-500: #8d8386;
--color-grey-lilac-600: #776f71;
--color-grey-lilac-700: #60595b;
--color-grey-lilac-800: #464142;
--color-grey-lilac-900: #302d2e;
--color-grey-lilac-950: #1d1a1b;
}SCSS
$grey-lilac: #d4cacd;
$grey-lilac-rgb: 212, 202, 205;
$grey-lilac-light: mix(#fff, $grey-lilac, 20%);
$grey-lilac-dark: mix(#000, $grey-lilac, 20%);
.element {
color: $grey-lilac;
box-shadow: 0 0 0 2px rgba($grey-lilac, 0.35);
}