Cor nomeada · #CFD4CE
Salt Glaze
Salt Glaze é #CFD4CE: rgb(207 212 206), hsl(110 7% 82%), oklch(0.864 0.01 140.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Salt Glaze color name →
#CFD4CE
oklch(0.864 0.01 140.5)
Conversões de cor
- HEX
- #cfd4ce
- RGB
- rgb(207 212 206)
- HSL
- hsl(110 7% 82%)
- HWB
- hwb(110 81% 17%)
- OKLCH
- oklch(0.864 0.01 140.5)
- OKLab
- oklab(0.864 -0.008 0.006)
- CIE Lab
- lab(84.39 -2.58 2.35)
- LCH
- lch(84.39 3.49 137.6)
- CMYK
- cmyk(2% 0% 3% 17%)
Tons claros · Sombras · Tons
Tons claros
- D4D8D3
- D8DCD8
- DDE1DC
- E2E5E1
- E7E9E6
- ECEEEB
- F0F2F0
- F5F6F5
- FAFBFA
Sombras
- B4B8B3
- 999D98
- 7F837F
- 676966
- 4F514E
- 383A38
- 232423
- 10100F
- 020202
Tons
- C7CBC6
- BFC3BE
- B7BAB6
- AFB1AE
- A7A9A6
- 9FA19E
- 979897
- 8F908F
- 888887
Harmonias de cor
Complementar +180°
- CFD4CE
Salt Glaze
- D5D0D6
≈ Lilac Mauve
Análoga -30° +30°
- CFD4CE
Salt Glaze
- D2D3CC
≈ Grey Nurse
- CCD5D1
≈ Pacific Mist
Tríade +120° +240°
- CFD4CE
Salt Glaze
- CFD3D9
≈ Shiny Nickel
- D9D0D0
≈ Mauve Morning
Complementar dividida +150° +210°
- CFD4CE
Salt Glaze
- D2D1D8
≈ Spooky Ghost
- D8D0D3
≈ Stardust Ballroom
Tétrade +90° +180° +270°
- CFD4CE
Salt Glaze
- CCD4D8
≈ Shiny Nickel
- D5D0D6
≈ Lilac Mauve
- D8D1CD
≈ Smoked Oyster
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.96:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 13.96:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--salt-glaze: #cfd4ce;
--salt-glaze-rgb: 207 212 206;
--salt-glaze-oklch: oklch(0.864 0.01 140.5);
}
.element {
color: var(--salt-glaze);
background-color: hsl(110 7% 82%);
border-color: oklch(0.864 0.01 140.5);
}Tailwind CSS v4
@theme {
--color-salt-glaze: #cfd4ce;
--color-salt-glaze-50: #f3f6f3;
--color-salt-glaze-100: #e6e9e6;
--color-salt-glaze-200: #d2d5d1;
--color-salt-glaze-300: #b5b9b4;
--color-salt-glaze-400: #9ba09a;
--color-salt-glaze-500: #838882;
--color-salt-glaze-600: #6f736e;
--color-salt-glaze-700: #585c58;
--color-salt-glaze-800: #414340;
--color-salt-glaze-900: #2d2e2c;
--color-salt-glaze-950: #1a1b19;
}SCSS
$salt-glaze: #cfd4ce;
$salt-glaze-rgb: 207, 212, 206;
$salt-glaze-light: mix(#fff, $salt-glaze, 20%);
$salt-glaze-dark: mix(#000, $salt-glaze, 20%);
.element {
color: $salt-glaze;
box-shadow: 0 0 0 2px rgba($salt-glaze, 0.35);
}