Cor nomeada · #D0CACD
El Niño
El Niño é #D0CACD: rgb(208 202 205), hsl(330 6% 80%), oklch(0.845 0.008 345.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · El Niño color name →
#D0CACD
oklch(0.845 0.008 345.4)
Conversões de cor
- HEX
- #d0cacd
- RGB
- rgb(208 202 205)
- HSL
- hsl(330 6% 80%)
- HWB
- hwb(330 79% 18%)
- OKLCH
- oklch(0.845 0.008 345.4)
- OKLab
- oklab(0.845 0.008 -0.002)
- CIE Lab
- lab(81.88 2.55 -0.72)
- LCH
- lch(81.88 2.65 344.2)
- CMYK
- cmyk(0% 3% 1% 18%)
Tons claros · Sombras · Tons
Tons claros
- D5CFD2
- D9D4D7
- DEDADC
- E3DFE1
- E7E4E6
- ECEAEB
- F1EFF0
- F5F4F5
- FAFAFA
Sombras
- B5AFB2
- 9A9598
- 807C7E
- 676466
- 4F4D4E
- 393738
- 232223
- 100F0F
- 020202
Tons
- C8C2C5
- BFBBBD
- B7B3B5
- AFACAD
- A7A4A6
- 9F9D9E
- 979696
- 8F8E8F
- 888787
Harmonias de cor
Complementar +180°
- D0CACD
El Niño
- C8CECB
≈ Light French Grey
Análoga -30° +30°
- D0CACD
El Niño
- CECACF
≈ Clay Slate Wacke
- D1CACA
≈ Dusk in the Valley
Tríade +120° +240°
- D0CACD
El Niño
- CCCCC7
≈ Sweater Weather
- C7CDD0
≈ Where There Is Smoke
Complementar dividida +150° +210°
- D0CACD
El Niño
- CACDC8
≈ Silver Strand Beach
- C7CECD
≈ Aerodynamic
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.61:1 · APCA Lc 28
Ag
AAASobre preto
WCAG 13.01:1 · APCA Lc 75
Melhor cor de texto: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--el-nino: #d0cacd;
--el-nino-rgb: 208 202 205;
--el-nino-oklch: oklch(0.845 0.008 345.4);
}
.element {
color: var(--el-nino);
background-color: hsl(330 6% 80%);
border-color: oklch(0.845 0.008 345.4);
}Tailwind CSS v4
@theme {
--color-el-nino: #d0cacd;
--color-el-nino-50: #f7f4f5;
--color-el-nino-100: #eae7e8;
--color-el-nino-200: #d7d3d5;
--color-el-nino-300: #bbb6b8;
--color-el-nino-400: #a29d9f;
--color-el-nino-500: #8a8487;
--color-el-nino-600: #757072;
--color-el-nino-700: #5e595b;
--color-el-nino-800: #444143;
--color-el-nino-900: #2f2d2e;
--color-el-nino-950: #1c1a1b;
}SCSS
$el-nino: #d0cacd;
$el-nino-rgb: 208, 202, 205;
$el-nino-light: mix(#fff, $el-nino, 20%);
$el-nino-dark: mix(#000, $el-nino, 20%);
.element {
color: $el-nino;
box-shadow: 0 0 0 2px rgba($el-nino, 0.35);
}