Couleur nommée · #DFDBD8
Clear Cinnamon
Clear Cinnamon correspond à #DFDBD8 : rgb(223 219 216), hsl(26 10% 86%), oklch(0.894 0.006 59.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Clear Cinnamon color name →
#DFDBD8
oklch(0.894 0.006 59.6)
Conversions de couleur
- HEX
- #dfdbd8
- RGB
- rgb(223 219 216)
- HSL
- hsl(26 10% 86%)
- HWB
- hwb(26 85% 13%)
- OKLCH
- oklch(0.894 0.006 59.6)
- OKLab
- oklab(0.894 0.003 0.005)
- CIE Lab
- lab(87.66 1.02 1.99)
- LCH
- lch(87.66 2.23 62.9)
- CMYK
- cmyk(0% 2% 3% 13%)
Teintes · Ombres · Tons
Teintes
- E2DFDC
- E5E2E0
- E9E6E4
- ECE9E7
- EFEDEB
- F2F0EF
- F5F4F3
- F9F8F7
- FCFBFB
Ombres
- C2BEBC
- A5A2A0
- 8A8785
- 6F6D6B
- 565453
- 3D3C3B
- 272625
- 121111
- 020202
Tons
- D5D2CF
- CBC8C6
- C2BFBD
- B8B6B4
- AEACAB
- A5A3A2
- 9B9A9A
- 929191
- 898988
Harmonies de couleurs
Complémentaire +180°
- DFDBD8
Clear Cinnamon
- D8DCDF
≈ Wispy Skies
Analogue -30° +30°
- DFDBD8
Clear Cinnamon
- E0DADA
≈ Porcelain Goldfish
- DDDCD7
≈ Fleur de Sel
Triadique +120° +240°
- DFDBD8
Clear Cinnamon
- D8DDDC
≈ December Rain
- DCDBDF
≈ Cumberland Fog
Complémentaire divisée +150° +210°
- DFDBD8
Clear Cinnamon
- D8DDDE
≈ Spring Thaw
- DADCE0
≈ Snow Tiger
Tétradique +90° +180° +270°
- DFDBD8
Clear Cinnamon
- D9DDDA
≈ Mystic
- D8DCDF
≈ Wispy Skies
- DEDADE
≈ White-Collar
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.37:1 · APCA Lc 18
Ag
AAASur noir
WCAG 15.26:1 · APCA Lc 85
Meilleure couleur de texte: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--clear-cinnamon: #dfdbd8;
--clear-cinnamon-rgb: 223 219 216;
--clear-cinnamon-oklch: oklch(0.894 0.006 59.6);
}
.element {
color: var(--clear-cinnamon);
background-color: hsl(26 10% 86%);
border-color: oklch(0.894 0.006 59.6);
}Tailwind CSS v4
@theme {
--color-clear-cinnamon: #dfdbd8;
--color-clear-cinnamon-50: #f6f5f3;
--color-clear-cinnamon-100: #e9e7e6;
--color-clear-cinnamon-200: #d6d4d2;
--color-clear-cinnamon-300: #bab7b4;
--color-clear-cinnamon-400: #a19e9b;
--color-clear-cinnamon-500: #898582;
--color-clear-cinnamon-600: #74716e;
--color-clear-cinnamon-700: #5d5a58;
--color-clear-cinnamon-800: #444240;
--color-clear-cinnamon-900: #2f2d2c;
--color-clear-cinnamon-950: #1c1a19;
}SCSS
$clear-cinnamon: #dfdbd8;
$clear-cinnamon-rgb: 223, 219, 216;
$clear-cinnamon-light: mix(#fff, $clear-cinnamon, 20%);
$clear-cinnamon-dark: mix(#000, $clear-cinnamon, 20%);
.element {
color: $clear-cinnamon;
box-shadow: 0 0 0 2px rgba($clear-cinnamon, 0.35);
}