Couleur nommée · #D2D9CD
Light Gentle Calm
Light Gentle Calm correspond à #D2D9CD : rgb(210 217 205), hsl(95 14% 83%), oklch(0.877 0.018 131.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Light Gentle Calm color name →
#D2D9CD
oklch(0.877 0.018 131.9)
Conversions de couleur
- HEX
- #d2d9cd
- RGB
- rgb(210 217 205)
- HSL
- hsl(95 14% 83%)
- HWB
- hwb(95 80% 15%)
- OKLCH
- oklch(0.877 0.018 131.9)
- OKLab
- oklab(0.877 -0.012 0.013)
- CIE Lab
- lab(85.9 -4.07 5.06)
- LCH
- lch(85.9 6.5 128.8)
- CMYK
- cmyk(3% 0% 6% 15%)
Teintes · Ombres · Tons
Teintes
- D6DDD2
- DBE1D7
- DFE4DC
- E4E8E1
- E8ECE6
- EDF0EB
- F1F3F0
- F6F7F5
- FAFBFA
Ombres
- B6BCB2
- 9BA198
- 81867E
- 686C66
- 50534E
- 393B38
- 242523
- 10110F
- 020202
Tons
- C9D0C5
- C1C7BD
- B9BDB5
- B0B4AD
- A8ABA6
- A0A39E
- 989A96
- 90918F
- 888987
Harmonies de couleurs
Complémentaire +180°
- D2D9CD
Light Gentle Calm
- DAD3DF
≈ Spun Moonbeams
Analogue -30° +30°
- D2D9CD
Light Gentle Calm
- D8D7CA
≈ Light Livingstone
- CDDAD3
≈ Silicate Light Turquoise
Triadique +120° +240°
- D2D9CD
Light Gentle Calm
- CED7E2
≈ Blue Reflection
- E2D2D3
≈ Secret Blush
Complémentaire divisée +150° +210°
- D2D9CD
Light Gentle Calm
- D4D5E2
≈ Hint of Violet
- DFD2DA
≈ Timid Violet
Tétradique +90° +180° +270°
- D2D9CD
Light Gentle Calm
- CAD9DF
≈ Moonmist
- DAD3DF
≈ Spun Moonbeams
- E1D3CD
≈ Sugar Berry
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.44:1 · APCA Lc 21
Ag
AAASur noir
WCAG 14.54:1 · APCA Lc 82
Meilleure couleur de texte: #000000
WCAG 14.54:1 (AAA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--light-gentle-calm: #d2d9cd;
--light-gentle-calm-rgb: 210 217 205;
--light-gentle-calm-oklch: oklch(0.877 0.018 131.9);
}
.element {
color: var(--light-gentle-calm);
background-color: hsl(95 14% 83%);
border-color: oklch(0.877 0.018 131.9);
}Tailwind CSS v4
@theme {
--color-light-gentle-calm: #d2d9cd;
--color-light-gentle-calm-50: #f3f6f1;
--color-light-gentle-calm-100: #e5e9e3;
--color-light-gentle-calm-200: #d1d6ce;
--color-light-gentle-calm-300: #b4b9b0;
--color-light-gentle-calm-400: #9aa196;
--color-light-gentle-calm-500: #82897d;
--color-light-gentle-calm-600: #6e746a;
--color-light-gentle-calm-700: #585d54;
--color-light-gentle-calm-800: #40443d;
--color-light-gentle-calm-900: #2c2f2a;
--color-light-gentle-calm-950: #191b18;
}SCSS
$light-gentle-calm: #d2d9cd;
$light-gentle-calm-rgb: 210, 217, 205;
$light-gentle-calm-light: mix(#fff, $light-gentle-calm, 20%);
$light-gentle-calm-dark: mix(#000, $light-gentle-calm, 20%);
.element {
color: $light-gentle-calm;
box-shadow: 0 0 0 2px rgba($light-gentle-calm, 0.35);
}