Nazwany kolor · #D5EBDD
Light Duck Egg Cream
Light Duck Egg Cream to #D5EBDD: rgb(213 235 221), hsl(142 35% 88%), oklch(0.92 0.03 157.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Duck Egg Cream color name →
#D5EBDD
oklch(0.92 0.03 157.9)
Konwersje koloru
- HEX
- #d5ebdd
- RGB
- rgb(213 235 221)
- HSL
- hsl(142 35% 88%)
- HWB
- hwb(142 84% 8%)
- OKLCH
- oklch(0.92 0.03 157.9)
- OKLab
- oklab(0.92 -0.028 0.011)
- CIE Lab
- lab(91.12 -9.47 4.21)
- LCH
- lch(91.12 10.36 156)
- CMYK
- cmyk(9% 0% 6% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9EDE0
- DDEFE4
- E2F1E7
- E6F3EB
- EAF5EE
- EEF7F1
- F2F9F5
- F7FBF8
- FBFDFC
Odcienie ciemniejsze
- B9CCC0
- 9EAEA4
- 839188
- 6A756E
- 515B55
- 3A413D
- 242926
- 101311
- 020302
Tony
- CCE0D3
- C3D5CA
- BBCAC0
- B2BFB7
- AAB4AD
- A1A9A4
- 999F9B
- 909492
- 888A89
Harmonie kolorów
Komplementarna +180°
- D5EBDD
Light Duck Egg Cream
- F3DDEC
≈ Maiden of the Mist
Analogowa -30° +30°
- D5EBDD
Light Duck Egg Cream
- DFE9D4
≈ Mediterranean Green
- CFEBE8
≈ Mint Chip
Triada +120° +240°
- D5EBDD
Light Duck Egg Cream
- DFE3F9
≈ Lavender Mist
- F7DED7
≈ Cameo Rose
Komplementarna rozszczepiona +150° +210°
- D5EBDD
Light Duck Egg Cream
- EAE0F4
≈ Lingering Lilac
- F8DDE1
≈ Blowing Kisses
Tetrada +90° +180° +270°
- D5EBDD
Light Duck Egg Cream
- D6E7F8
≈ Cloudless
- F3DDEC
≈ Maiden of the Mist
- F2E1D0
≈ Choice Cream
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.75:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.75:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-duck-egg-cream: #d5ebdd;
--light-duck-egg-cream-rgb: 213 235 221;
--light-duck-egg-cream-oklch: oklch(0.92 0.03 157.9);
}
.element {
color: var(--light-duck-egg-cream);
background-color: hsl(142 35% 88%);
border-color: oklch(0.92 0.03 157.9);
}Tailwind CSS v4
@theme {
--color-light-duck-egg-cream: #d5ebdd;
--color-light-duck-egg-cream-50: #eef8f2;
--color-light-duck-egg-cream-100: #e0ebe4;
--color-light-duck-egg-cream-200: #cad8d0;
--color-light-duck-egg-cream-300: #abbcb2;
--color-light-duck-egg-cream-400: #90a498;
--color-light-duck-egg-cream-500: #768d7f;
--color-light-duck-egg-cream-600: #64776b;
--color-light-duck-egg-cream-700: #505f56;
--color-light-duck-egg-cream-800: #3a463e;
--color-light-duck-egg-cream-900: #28302b;
--color-light-duck-egg-cream-950: #161c18;
}SCSS
$light-duck-egg-cream: #d5ebdd;
$light-duck-egg-cream-rgb: 213, 235, 221;
$light-duck-egg-cream-light: mix(#fff, $light-duck-egg-cream, 20%);
$light-duck-egg-cream-dark: mix(#000, $light-duck-egg-cream, 20%);
.element {
color: $light-duck-egg-cream;
box-shadow: 0 0 0 2px rgba($light-duck-egg-cream, 0.35);
}