Couleur nommée · #D0DEDD
Sweet Slumber
Sweet Slumber correspond à #D0DEDD : rgb(208 222 221), hsl(176 18% 84%), oklch(0.89 0.015 191.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Sweet Slumber color name →
#D0DEDD
oklch(0.89 0.015 191.7)
Conversions de couleur
- HEX
- #d0dedd
- RGB
- rgb(208 222 221)
- HSL
- hsl(176 18% 84%)
- HWB
- hwb(176 82% 13%)
- OKLCH
- oklch(0.89 0.015 191.7)
- OKLab
- oklab(0.89 -0.015 -0.003)
- CIE Lab
- lab(87.38 -5 -1.21)
- LCH
- lch(87.38 5.14 193.6)
- CMYK
- cmyk(6% 0% 0% 13%)
Teintes · Ombres · Tons
Teintes
- D5E1E0
- D9E5E4
- DEE8E7
- E3EBEA
- E7EEEE
- ECF2F1
- F1F5F5
- F6F8F8
- FAFCFC
Ombres
- B5C1C0
- 9AA5A4
- 808988
- 676F6E
- 4F5555
- 393D3D
- 232626
- 101211
- 020202
Tons
- C8D4D3
- BFCACA
- B7C1C0
- AFB7B7
- A7AEAD
- 9FA4A4
- 979B9B
- 8F9292
- 888989
Harmonies de couleurs
Complémentaire +180°
- D0DEDD
Sweet Slumber
- E4D7D8
≈ Star Magic
Analogue -30° +30°
- D0DEDD
Sweet Slumber
- D2DED7
≈ Periwinkle Tint
- D0DDE2
≈ Head in the Clouds
Triadique +120° +240°
- D0DEDD
Sweet Slumber
- DED8E2
≈ Pastel Day
- E1D9D0
≈ Taupe Mist
Complémentaire divisée +150° +210°
- D0DEDD
Sweet Slumber
- E2D7DD
≈ Secret Scent
- E4D8D3
≈ Light Nut Milk
Tétradique +90° +180° +270°
- D0DEDD
Sweet Slumber
- D9DAE5
≈ Star Jasmine
- E4D7D8
≈ Star Magic
- DCDBD0
≈ Silver Ash
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.38:1 · APCA Lc 19
Ag
AAASur noir
WCAG 15.17:1 · APCA Lc 85
Meilleure couleur de texte: #000000
WCAG 15.17:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--sweet-slumber: #d0dedd;
--sweet-slumber-rgb: 208 222 221;
--sweet-slumber-oklch: oklch(0.89 0.015 191.7);
}
.element {
color: var(--sweet-slumber);
background-color: hsl(176 18% 84%);
border-color: oklch(0.89 0.015 191.7);
}Tailwind CSS v4
@theme {
--color-sweet-slumber: #d0dedd;
--color-sweet-slumber-50: #f0f6f6;
--color-sweet-slumber-100: #e2e9e9;
--color-sweet-slumber-200: #cdd6d6;
--color-sweet-slumber-300: #afbab9;
--color-sweet-slumber-400: #95a1a1;
--color-sweet-slumber-500: #7b8a89;
--color-sweet-slumber-600: #687474;
--color-sweet-slumber-700: #535d5c;
--color-sweet-slumber-800: #3d4443;
--color-sweet-slumber-900: #2a2f2f;
--color-sweet-slumber-950: #171c1b;
}SCSS
$sweet-slumber: #d0dedd;
$sweet-slumber-rgb: 208, 222, 221;
$sweet-slumber-light: mix(#fff, $sweet-slumber, 20%);
$sweet-slumber-dark: mix(#000, $sweet-slumber, 20%);
.element {
color: $sweet-slumber;
box-shadow: 0 0 0 2px rgba($sweet-slumber, 0.35);
}