Couleur nommée · #D5CEC2
Modern Grey
Modern Grey correspond à #D5CEC2 : rgb(213 206 194), hsl(38 18% 80%), oklch(0.854 0.018 81.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Modern Grey color name →
#D5CEC2
oklch(0.854 0.018 81.3)
Conversions de couleur
- HEX
- #d5cec2
- RGB
- rgb(213 206 194)
- HSL
- hsl(38 18% 80%)
- HWB
- hwb(38 76% 16%)
- OKLCH
- oklch(0.854 0.018 81.3)
- OKLab
- oklab(0.854 0.003 0.018)
- CIE Lab
- lab(83.08 0.97 6.9)
- LCH
- lch(83.08 6.96 82)
- CMYK
- cmyk(0% 3% 9% 16%)
Teintes · Ombres · Tons
Teintes
- D9D3C8
- DDD8CE
- E1DDD4
- E6E1DA
- EAE6E0
- EEEBE6
- F2F0EC
- F6F5F3
- FBFAF9
Ombres
- B9B3A8
- 9E988F
- 837F77
- 6A6660
- 514E49
- 3A3834
- 242320
- 100F0E
- 020202
Tons
- CCC6BB
- C3BEB4
- BBB6AE
- B2AEA7
- AAA6A0
- A19E9A
- 999793
- 908F8D
- 888786
Harmonies de couleurs
Complémentaire +180°
- D5CEC2
Modern Grey
- C8CFDB
≈ Pale Shale
Analogue -30° +30°
- D5CEC2
Modern Grey
- D9CCC4
≈ Day Dreamer
- CFD0C3
≈ Serena
Triadique +120° +240°
- D5CEC2
Modern Grey
- C2D3D4
≈ Scandinavian Sky
- D5CBD6
≈ Purple Cream
Complémentaire divisée +150° +210°
- D5CEC2
Modern Grey
- C4D1D9
≈ Tinsel Beam
- CFCDDA
≈ Lavender Sparkle
Tétradique +90° +180° +270°
- D5CEC2
Modern Grey
- C4D3CD
≈ Celtic Grey
- C8CFDB
≈ Pale Shale
- D9CAD0
≈ Captivating
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.56:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.43:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.43:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--modern-grey: #d5cec2;
--modern-grey-rgb: 213 206 194;
--modern-grey-oklch: oklch(0.854 0.018 81.3);
}
.element {
color: var(--modern-grey);
background-color: hsl(38 18% 80%);
border-color: oklch(0.854 0.018 81.3);
}Tailwind CSS v4
@theme {
--color-modern-grey: #d5cec2;
--color-modern-grey-50: #f8f5ef;
--color-modern-grey-100: #ebe7e1;
--color-modern-grey-200: #d8d4cc;
--color-modern-grey-300: #bcb7ad;
--color-modern-grey-400: #a49e93;
--color-modern-grey-500: #8c8579;
--color-modern-grey-600: #777166;
--color-modern-grey-700: #5f5a52;
--color-modern-grey-800: #46423b;
--color-modern-grey-900: #302d29;
--color-modern-grey-950: #1d1a17;
}SCSS
$modern-grey: #d5cec2;
$modern-grey-rgb: 213, 206, 194;
$modern-grey-light: mix(#fff, $modern-grey, 20%);
$modern-grey-dark: mix(#000, $modern-grey, 20%);
.element {
color: $modern-grey;
box-shadow: 0 0 0 2px rgba($modern-grey, 0.35);
}