Cor nomeada · #CCCCDD
Lunar Dust
Lunar Dust é #CCCCDD: rgb(204 204 221), hsl(240 20% 83%), oklch(0.85 0.023 285.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lunar Dust color name →
#CCCCDD
oklch(0.85 0.023 285.9)
Conversões de cor
- HEX
- #ccccdd
- RGB
- rgb(204 204 221)
- HSL
- hsl(240 20% 83%)
- HWB
- hwb(240 80% 13%)
- OKLCH
- oklch(0.85 0.023 285.9)
- OKLab
- oklab(0.85 0.006 -0.023)
- CIE Lab
- lab(82.44 2.41 -8.46)
- LCH
- lch(82.44 8.79 285.9)
- CMYK
- cmyk(8% 8% 0% 13%)
Tons claros · Sombras · Tons
Tons claros
- D1D1E0
- D6D6E4
- DBDBE7
- E0E0EB
- E5E5EE
- EAEAF1
- EFF0F5
- F5F5F8
- FAFAFC
Sombras
- B1B1C0
- 9797A4
- 7E7E88
- 65656E
- 4E4E55
- 37373D
- 222226
- 0F0F11
- 020202
Tons
- C4C4D3
- BCBCCA
- B5B5C0
- ADADB7
- A5A5AD
- 9E9EA4
- 96969B
- 8F8F92
- 878789
Harmonias de cor
Complementar +180°
- CCCCDD
Lunar Dust
- CFCFBE
≈ Liveable Green
Análoga -30° +30°
- CCCCDD
Lunar Dust
- C4CFDD
≈ Monet
- D4C9D8
≈ Eternal Moonrise
Tríade +120° +240°
- CCCCDD
Lunar Dust
- DCCAC1
≈ Coconut Macaroon
- C0D3CA
≈ Spearmint Ice
Complementar dividida +150° +210°
- CCCCDD
Lunar Dust
- D7CCBD
≈ Tern Grey
- C7D2C3
≈ White Granite
Tétrade +90° +180° +270°
- CCCCDD
Lunar Dust
- DDC8C9
≈ Misty Blush
- CFCFBE
≈ Liveable Green
- BDD3D3
≈ Antarctica
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.58:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.24:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.24:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--lunar-dust: #ccccdd;
--lunar-dust-rgb: 204 204 221;
--lunar-dust-oklch: oklch(0.85 0.023 285.9);
}
.element {
color: var(--lunar-dust);
background-color: hsl(240 20% 83%);
border-color: oklch(0.85 0.023 285.9);
}Tailwind CSS v4
@theme {
--color-lunar-dust: #ccccdd;
--color-lunar-dust-50: #f4f4fc;
--color-lunar-dust-100: #e7e7ef;
--color-lunar-dust-200: #d3d3de;
--color-lunar-dust-300: #b6b6c3;
--color-lunar-dust-400: #9d9dac;
--color-lunar-dust-500: #848495;
--color-lunar-dust-600: #70707e;
--color-lunar-dust-700: #5a5965;
--color-lunar-dust-800: #41414a;
--color-lunar-dust-900: #2d2d34;
--color-lunar-dust-950: #1a1a1f;
}SCSS
$lunar-dust: #ccccdd;
$lunar-dust-rgb: 204, 204, 221;
$lunar-dust-light: mix(#fff, $lunar-dust, 20%);
$lunar-dust-dark: mix(#000, $lunar-dust, 20%);
.element {
color: $lunar-dust;
box-shadow: 0 0 0 2px rgba($lunar-dust, 0.35);
}