Named color · #CBD0CD
Sparkling Silver
Sparkling Silver is #CBD0CD: rgb(203 208 205), hsl(144 5% 81%), oklch(0.853 0.007 160). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Sparkling Silver color name →
#CBD0CD
oklch(0.853 0.007 160)
Color conversions
- HEX
- #cbd0cd
- RGB
- rgb(203 208 205)
- HSL
- hsl(144 5% 81%)
- HWB
- hwb(144 80% 18%)
- OKLCH
- oklch(0.853 0.007 160)
- OKLab
- oklab(0.853 -0.006 0.002)
- CIE Lab
- lab(83.02 -2.18 0.87)
- LCH
- lch(83.02 2.35 158.4)
- CMYK
- cmyk(2% 0% 1% 18%)
Tints · Shades · Tones
Tints
- D0D5D2
- D5D9D7
- DADEDC
- E0E3E1
- E5E7E6
- EAECEB
- EFF1F0
- F4F5F5
- FAFAFA
Shades
- B0B5B2
- 969A98
- 7D807E
- 656766
- 4D4F4E
- 373938
- 222323
- 0F100F
- 020202
Tones
- C3C8C5
- BCBFBD
- B4B7B5
- ACAFAD
- A5A7A6
- 9D9F9E
- 969796
- 8E8F8F
- 878887
Color harmonies
Complementary +180°
- CBD0CD
Sparkling Silver
- D2CDD0
≈ Inuit White
Analogous -30° +30°
- CBD0CD
Sparkling Silver
- CDD0CB
≈ Planetary Silver
- CAD0CF
≈ Geyser Steam
Triadic +120° +240°
- CBD0CD
Sparkling Silver
- CDCED3
≈ Dirty Snow
- D3CDCB
≈ Individual White
Split-complementary +150° +210°
- CBD0CD
Sparkling Silver
- D0CDD2
≈ Inuit White
- D3CDCD
≈ Watermill Wood
Tetradic +90° +180° +270°
- CBD0CD
Sparkling Silver
- CBCFD3
≈ Callisto
- D2CDD0
≈ Inuit White
- D2CECA
≈ Touch of Grey
Contrast & accessibility
Ag
FailOn white
WCAG 1.56:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.44:1 · APCA Lc 77
Best text color: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--sparkling-silver: #cbd0cd;
--sparkling-silver-rgb: 203 208 205;
--sparkling-silver-oklch: oklch(0.853 0.007 160);
}
.element {
color: var(--sparkling-silver);
background-color: hsl(144 5% 81%);
border-color: oklch(0.853 0.007 160);
}Tailwind CSS v4
@theme {
--color-sparkling-silver: #cbd0cd;
--color-sparkling-silver-50: #f3f6f4;
--color-sparkling-silver-100: #e6e8e7;
--color-sparkling-silver-200: #d2d5d3;
--color-sparkling-silver-300: #b4b8b6;
--color-sparkling-silver-400: #9ba09d;
--color-sparkling-silver-500: #828884;
--color-sparkling-silver-600: #6e7370;
--color-sparkling-silver-700: #585c5a;
--color-sparkling-silver-800: #404341;
--color-sparkling-silver-900: #2c2e2d;
--color-sparkling-silver-950: #191b1a;
}SCSS
$sparkling-silver: #cbd0cd;
$sparkling-silver-rgb: 203, 208, 205;
$sparkling-silver-light: mix(#fff, $sparkling-silver, 20%);
$sparkling-silver-dark: mix(#000, $sparkling-silver, 20%);
.element {
color: $sparkling-silver;
box-shadow: 0 0 0 2px rgba($sparkling-silver, 0.35);
}