Color con nombre · #DCDBCA
Tree Moss
Tree Moss es #DCDBCA: rgb(220 219 202), hsl(57 20% 83%), oklch(0.888 0.023 104.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Tree Moss color name →
#DCDBCA
oklch(0.888 0.023 104.1)
Conversiones de color
- HEX
- #dcdbca
- RGB
- rgb(220 219 202)
- HSL
- hsl(57 20% 83%)
- HWB
- hwb(57 79% 14%)
- OKLCH
- oklch(0.888 0.023 104.1)
- OKLab
- oklab(0.888 -0.006 0.022)
- CIE Lab
- lab(87.14 -1.83 8.52)
- LCH
- lch(87.14 8.72 102.1)
- CMYK
- cmyk(0% 0% 8% 14%)
Tintes · Sombras · Tonos
Tintes
- DFDFCF
- E3E2D4
- E6E6DA
- EAE9DF
- EDEDE4
- F1F1EA
- F4F4EF
- F8F8F4
- FBFBFA
Sombras
- BFBEAF
- A3A295
- 88877C
- 6E6D64
- 54544D
- 3C3C37
- 262622
- 11110F
- 020202
Tonos
- D2D2C2
- C9C8BB
- BFBFB3
- B6B6AC
- ADACA4
- A4A39D
- 9B9A96
- 92918E
- 898987
Armonías de color
Complementario +180°
- DCDBCA
Tree Moss
- D8D8E9
≈ Eyeshadow
Análogo -30° +30°
- DCDBCA
Tree Moss
- E3D8CA
≈ Maybe Mushroom
- D4DECE
≈ Fairest Jade
Triádico +120° +240°
- DCDBCA
Tree Moss
- CBDEE5
≈ Salty Vapour
- E6D4DE
≈ Swiss Rose
Complementario dividido +150° +210°
- DCDBCA
Tree Moss
- D0DBE9
≈ Blue Silk
- E0D6E5
≈ Coin Purse
Tetrádico +90° +180° +270°
- DCDBCA
Tree Moss
- CADFDE
≈ Silver Spruce
- D8D8E9
≈ Eyeshadow
- E9D4D5
≈ Demure
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.02:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--tree-moss: #dcdbca;
--tree-moss-rgb: 220 219 202;
--tree-moss-oklch: oklch(0.888 0.023 104.1);
}
.element {
color: var(--tree-moss);
background-color: hsl(57 20% 83%);
border-color: oklch(0.888 0.023 104.1);
}Tailwind CSS v4
@theme {
--color-tree-moss: #dcdbca;
--color-tree-moss-50: #f6f6ee;
--color-tree-moss-100: #e9e8e0;
--color-tree-moss-200: #d5d5ca;
--color-tree-moss-300: #b9b8ab;
--color-tree-moss-400: #a09f90;
--color-tree-moss-500: #888776;
--color-tree-moss-600: #737264;
--color-tree-moss-700: #5c5b50;
--color-tree-moss-800: #44433a;
--color-tree-moss-900: #2f2e28;
--color-tree-moss-950: #1b1b16;
}SCSS
$tree-moss: #dcdbca;
$tree-moss-rgb: 220, 219, 202;
$tree-moss-light: mix(#fff, $tree-moss, 20%);
$tree-moss-dark: mix(#000, $tree-moss, 20%);
.element {
color: $tree-moss;
box-shadow: 0 0 0 2px rgba($tree-moss, 0.35);
}