Benoemde kleur · #CFD4CE
Salt Glaze
Salt Glaze is #CFD4CE: rgb(207 212 206), hsl(110 7% 82%), oklch(0.864 0.01 140.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Salt Glaze color name →
#CFD4CE
oklch(0.864 0.01 140.5)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- D4D8D3
- D8DCD8
- DDE1DC
- E2E5E1
- E7E9E6
- ECEEEB
- F0F2F0
- F5F6F5
- FAFBFA
Schaduwen
- B4B8B3
- 999D98
- 7F837F
- 676966
- 4F514E
- 383A38
- 232423
- 10100F
- 020202
Tonen
- C7CBC6
- BFC3BE
- B7BAB6
- AFB1AE
- A7A9A6
- 9FA19E
- 979897
- 8F908F
- 888887
Kleurharmonieën
Complementair +180°
- CFD4CE
Salt Glaze
- D5D0D6
≈ Lilac Mauve
Analoog -30° +30°
- CFD4CE
Salt Glaze
- D2D3CC
≈ Grey Nurse
- CCD5D1
≈ Pacific Mist
Triadisch +120° +240°
- CFD4CE
Salt Glaze
- CFD3D9
≈ Shiny Nickel
- D9D0D0
≈ Mauve Morning
Gesplitst complementair +150° +210°
- CFD4CE
Salt Glaze
- D2D1D8
≈ Spooky Ghost
- D8D0D3
≈ Stardust Ballroom
Tetradisch +90° +180° +270°
- CFD4CE
Salt Glaze
- CCD4D8
≈ Shiny Nickel
- D5D0D6
≈ Lilac Mauve
- D8D1CD
≈ Smoked Oyster
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.50:1 · APCA Lc 24
Ag
AAAOp zwart
WCAG 13.96:1 · APCA Lc 80
Beste tekstkleur: #000000
WCAG 13.96:1 (AAA) · APCA Lc 80
Contrast pairs
Codefragmenten
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);
}