Color con nombre · #DAD3CB
Moth Grey
Moth Grey es #DAD3CB: rgb(218 211 203), hsl(32 17% 83%), oklch(0.87 0.013 71.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Moth Grey color name →
#DAD3CB
oklch(0.87 0.013 71.3)
Conversiones de color
- HEX
- #dad3cb
- RGB
- rgb(218 211 203)
- HSL
- hsl(32 17% 83%)
- HWB
- hwb(32 80% 15%)
- OKLCH
- oklch(0.87 0.013 71.3)
- OKLab
- oklab(0.87 0.004 0.013)
- CIE Lab
- lab(84.95 1.46 4.87)
- LCH
- lch(84.95 5.09 73.3)
- CMYK
- cmyk(0% 3% 7% 15%)
Tintes · Sombras · Tonos
Tintes
- DED7D0
- E1DCD5
- E5E0DA
- E9E4E0
- ECE9E5
- F0EDEA
- F4F2EF
- F8F6F4
- FBFBFA
Sombras
- BDB7B0
- A29C96
- 87827D
- 6C6965
- 54514D
- 3C3A37
- 252422
- 11100F
- 020202
Tonos
- D1CAC3
- C7C2BC
- BEB9B4
- B5B1AC
- ACA9A5
- A3A09D
- 9A9896
- 91908E
- 898887
Armonías de color
Complementario +180°
- DAD3CB
Moth Grey
- CED5DD
≈ Satin White
Análogo -30° +30°
- DAD3CB
Moth Grey
- DDD2CE
≈ Thick Fog
- D6D5CB
≈ Grey White
Triádico +120° +240°
- DAD3CB
Moth Grey
- CBD7D6
≈ Offshore Mist
- D7D2DB
≈ Lovely Lavender
Complementario dividido +150° +210°
- DAD3CB
Moth Grey
- CBD6DB
≈ Clear to See
- D2D3DD
≈ Courteous
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASobre negro
WCAG 14.16:1 · APCA Lc 80
Mejor color de texto: #000000
WCAG 14.16:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--moth-grey: #dad3cb;
--moth-grey-rgb: 218 211 203;
--moth-grey-oklch: oklch(0.87 0.013 71.3);
}
.element {
color: var(--moth-grey);
background-color: hsl(32 17% 83%);
border-color: oklch(0.87 0.013 71.3);
}Tailwind CSS v4
@theme {
--color-moth-grey: #dad3cb;
--color-moth-grey-50: #f7f5f1;
--color-moth-grey-100: #ebe7e3;
--color-moth-grey-200: #d8d3ce;
--color-moth-grey-300: #bcb6b0;
--color-moth-grey-400: #a49d96;
--color-moth-grey-500: #8c857d;
--color-moth-grey-600: #76706a;
--color-moth-grey-700: #5f5a54;
--color-moth-grey-800: #45423d;
--color-moth-grey-900: #302d2a;
--color-moth-grey-950: #1c1a18;
}SCSS
$moth-grey: #dad3cb;
$moth-grey-rgb: 218, 211, 203;
$moth-grey-light: mix(#fff, $moth-grey, 20%);
$moth-grey-dark: mix(#000, $moth-grey, 20%);
.element {
color: $moth-grey;
box-shadow: 0 0 0 2px rgba($moth-grey, 0.35);
}