Cor nomeada · #D8CDC5
March Ice
March Ice é #D8CDC5: rgb(216 205 197), hsl(25 20% 81%), oklch(0.855 0.016 58.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · March Ice color name →
#D8CDC5
oklch(0.855 0.016 58.6)
Conversões de cor
- HEX
- #d8cdc5
- RGB
- rgb(216 205 197)
- HSL
- hsl(25 20% 81%)
- HWB
- hwb(25 77% 15%)
- OKLCH
- oklch(0.855 0.016 58.6)
- OKLab
- oklab(0.855 0.009 0.014)
- CIE Lab
- lab(83.14 2.93 5.43)
- LCH
- lch(83.14 6.17 61.7)
- CMYK
- cmyk(0% 5% 9% 15%)
Tons claros · Sombras · Tons
Tons claros
- DCD2CB
- E0D7D0
- E4DCD6
- E8E1DC
- EBE6E2
- EFEBE8
- F3F0ED
- F7F5F3
- FBFAF9
Sombras
- BCB2AB
- A09892
- 857E79
- 6B6661
- 534E4B
- 3B3835
- 252321
- 110F0E
- 020202
Tons
- CFC5BE
- C6BDB7
- BDB5B0
- B4ADA9
- ABA6A2
- A29E9B
- 9A9694
- 918F8D
- 888787
Harmonias de cor
Complementar +180°
- D8CDC5
March Ice
- C6D1D9
≈ Polished Silver
Análoga -30° +30°
- D8CDC5
March Ice
- DACCC9
≈ Nut Milk
- D4CFC3
≈ Modern Grey
Tríade +120° +240°
- D8CDC5
March Ice
- C5D3CF
≈ Celtic Grey
- D0CDD9
≈ Lavender Sparkle
Complementar dividida +150° +210°
- D8CDC5
March Ice
- C4D3D5
≈ Scandinavian Sky
- CBCFDB
≈ Pale Shale
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.45:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.45:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--march-ice: #d8cdc5;
--march-ice-rgb: 216 205 197;
--march-ice-oklch: oklch(0.855 0.016 58.6);
}
.element {
color: var(--march-ice);
background-color: hsl(25 20% 81%);
border-color: oklch(0.855 0.016 58.6);
}Tailwind CSS v4
@theme {
--color-march-ice: #d8cdc5;
--color-march-ice-50: #f9f4f0;
--color-march-ice-100: #ece7e2;
--color-march-ice-200: #dad3cd;
--color-march-ice-300: #beb6af;
--color-march-ice-400: #a69c95;
--color-march-ice-500: #8f847c;
--color-march-ice-600: #797069;
--color-march-ice-700: #615954;
--color-march-ice-800: #47413d;
--color-march-ice-900: #312d2a;
--color-march-ice-950: #1d1a17;
}SCSS
$march-ice: #d8cdc5;
$march-ice-rgb: 216, 205, 197;
$march-ice-light: mix(#fff, $march-ice, 20%);
$march-ice-dark: mix(#000, $march-ice, 20%);
.element {
color: $march-ice;
box-shadow: 0 0 0 2px rgba($march-ice, 0.35);
}