Named color · #DCDCCF
Silicone Serena
Silicone Serena is #DCDCCF: rgb(220 220 207), hsl(60 16% 84%), oklch(0.891 0.017 106.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Silicone Serena color name →
#DCDCCF
oklch(0.891 0.017 106.7)
Color conversions
- HEX
- #dcdccf
- RGB
- rgb(220 220 207)
- HSL
- hsl(60 16% 84%)
- HWB
- hwb(60 81% 14%)
- OKLCH
- oklch(0.891 0.017 106.7)
- OKLab
- oklab(0.891 -0.005 0.017)
- CIE Lab
- lab(87.49 -1.69 6.41)
- LCH
- lch(87.49 6.63 104.8)
- CMYK
- cmyk(0% 0% 6% 14%)
Tints · Shades · Tones
Tints
- DFDFD4
- E3E3D8
- E6E6DD
- EAEAE2
- EDEDE7
- F1F1EC
- F4F4F0
- F8F8F5
- FBFBFA
Shades
- BFBFB4
- A3A399
- 88887F
- 6E6E67
- 54544F
- 3C3C38
- 262623
- 111110
- 020202
Tones
- D2D2C7
- C9C9BF
- BFBFB7
- B6B6AF
- ADADA7
- A4A49F
- 9B9B97
- 92928F
- 898988
Color harmonies
Complementary +180°
- DCDCCF
Silicone Serena
- DADAE6
≈ Star Jasmine
Analogous -30° +30°
- DCDCCF
Silicone Serena
- E2DACF
≈ Light Sandy Day
- D6DED3
≈ Crushed Limestone
Triadic +120° +240°
- DCDCCF
Silicone Serena
- D0DEE4
≈ Breakwater
- E4D7DD
≈ Secret Scent
Split-complementary +150° +210°
- DCDCCF
Silicone Serena
- D4DCE7
≈ Nordic Breeze
- E0D8E3
≈ Inspired Lilac
Tetradic +90° +180° +270°
- DCDCCF
Silicone Serena
- CFDFDF
≈ Liquid Hydrogen
- DADAE6
≈ Star Jasmine
- E6D7D7
≈ Star Magic
Contrast & accessibility
Ag
FailOn white
WCAG 1.38:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.18:1 · APCA Lc 85
Best text color: #000000
WCAG 15.18:1 (AAA) · APCA Lc 85
Contrast pairs
Code snippets
CSS
:root {
--silicone-serena: #dcdccf;
--silicone-serena-rgb: 220 220 207;
--silicone-serena-oklch: oklch(0.891 0.017 106.7);
}
.element {
color: var(--silicone-serena);
background-color: hsl(60 16% 84%);
border-color: oklch(0.891 0.017 106.7);
}Tailwind CSS v4
@theme {
--color-silicone-serena: #dcdccf;
--color-silicone-serena-50: #f5f6f0;
--color-silicone-serena-100: #e8e8e2;
--color-silicone-serena-200: #d4d5cd;
--color-silicone-serena-300: #b8b8ae;
--color-silicone-serena-400: #9f9f94;
--color-silicone-serena-500: #87877a;
--color-silicone-serena-600: #727267;
--color-silicone-serena-700: #5b5b53;
--color-silicone-serena-800: #43433c;
--color-silicone-serena-900: #2e2e29;
--color-silicone-serena-950: #1b1b17;
}SCSS
$silicone-serena: #dcdccf;
$silicone-serena-rgb: 220, 220, 207;
$silicone-serena-light: mix(#fff, $silicone-serena, 20%);
$silicone-serena-dark: mix(#000, $silicone-serena, 20%);
.element {
color: $silicone-serena;
box-shadow: 0 0 0 2px rgba($silicone-serena, 0.35);
}