Cor nomeada · #D6DCD7
Iced Slate
Iced Slate é #D6DCD7: rgb(214 220 215), hsl(130 8% 85%), oklch(0.888 0.009 150.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Iced Slate color name →
#D6DCD7
oklch(0.888 0.009 150.7)
Conversões de cor
- HEX
- #d6dcd7
- RGB
- rgb(214 220 215)
- HSL
- hsl(130 8% 85%)
- HWB
- hwb(130 84% 14%)
- OKLCH
- oklch(0.888 0.009 150.7)
- OKLab
- oklab(0.888 -0.008 0.005)
- CIE Lab
- lab(87.19 -2.78 1.72)
- LCH
- lch(87.19 3.27 148.3)
- CMYK
- cmyk(3% 0% 2% 14%)
Tons claros · Sombras · Tons
Tons claros
- DADFDB
- DEE3DF
- E2E6E3
- E6EAE7
- EAEDEB
- EEF1EF
- F3F4F3
- F7F8F7
- FBFBFB
Sombras
- BABFBB
- 9EA39F
- 848885
- 6A6E6B
- 525452
- 3B3C3B
- 252625
- 101111
- 020202
Tons
- CDD2CE
- C4C9C5
- BBBFBC
- B3B6B3
- AAADAA
- A1A4A2
- 999B99
- 919291
- 888988
Harmonias de cor
Complementar +180°
- D6DCD7
Iced Slate
- DED8DD
≈ Pebble Beach
Análoga -30° +30°
- D6DCD7
Iced Slate
- D9DBD4
≈ Lighthouse View
- D4DCDA
≈ Thin Cloud
Tríade +120° +240°
- D6DCD7
Iced Slate
- D8DAE1
≈ Grain of Salt
- E0D8D6
≈ Napa Dawn
Complementar dividida +150° +210°
- D6DCD7
Iced Slate
- DBD9E0
≈ Misty Lavender
- E0D8DA
≈ Cautious Grey
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.07:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 15.07:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--iced-slate: #d6dcd7;
--iced-slate-rgb: 214 220 215;
--iced-slate-oklch: oklch(0.888 0.009 150.7);
}
.element {
color: var(--iced-slate);
background-color: hsl(130 8% 85%);
border-color: oklch(0.888 0.009 150.7);
}Tailwind CSS v4
@theme {
--color-iced-slate: #d6dcd7;
--color-iced-slate-50: #f3f6f4;
--color-iced-slate-100: #e6e9e6;
--color-iced-slate-200: #d1d5d2;
--color-iced-slate-300: #b4b9b5;
--color-iced-slate-400: #9ba09c;
--color-iced-slate-500: #828883;
--color-iced-slate-600: #6e736f;
--color-iced-slate-700: #585c59;
--color-iced-slate-800: #404341;
--color-iced-slate-900: #2c2e2c;
--color-iced-slate-950: #191b1a;
}SCSS
$iced-slate: #d6dcd7;
$iced-slate-rgb: 214, 220, 215;
$iced-slate-light: mix(#fff, $iced-slate, 20%);
$iced-slate-dark: mix(#000, $iced-slate, 20%);
.element {
color: $iced-slate;
box-shadow: 0 0 0 2px rgba($iced-slate, 0.35);
}