Named color · #EBECF5
Silver Phoenix
Silver Phoenix is #EBECF5: rgb(235 236 245), hsl(234 33% 94%), oklch(0.945 0.012 281.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Silver Phoenix color name →
#EBECF5
oklch(0.945 0.012 281.1)
Color conversions
- HEX
- #ebecf5
- RGB
- rgb(235 236 245)
- HSL
- hsl(234 33% 94%)
- HWB
- hwb(234 92% 4%)
- OKLCH
- oklch(0.945 0.012 281.1)
- OKLab
- oklab(0.945 0.002 -0.012)
- CIE Lab
- lab(93.52 0.87 -4.49)
- LCH
- lch(93.52 4.57 281)
- CMYK
- cmyk(4% 4% 0% 4%)
Tints · Shades · Tones
Tints
- EDEEF6
- EFF0F7
- F1F2F8
- F3F4F9
- F5F5FA
- F7F7FB
- F9F9FC
- FBFBFD
- FDFDFE
Shades
- CCCDD5
- AEAFB6
- 919298
- 75767B
- 5B5B5F
- 414244
- 29292B
- 131315
- 030303
Tones
- E0E1E9
- D5D5DD
- CACAD0
- BFBFC5
- B4B4B9
- A9AAAD
- 9F9FA2
- 949596
- 8A8A8B
Color harmonies
Complementary +180°
- EBECF5
Silver Phoenix
- EEEDE4
≈ Gypsum
Analogous -30° +30°
- EBECF5
Silver Phoenix
- E7EEF5
≈ Coconut White
- EFEBF3
≈ Silver Phoenix
Triadic +120° +240°
- EBECF5
Silver Phoenix
- F4EAE7
≈ Wispy Pink
- E6EFEA
≈ Northern Lights
Split-complementary +150° +210°
- EBECF5
Silver Phoenix
- F2ECE4
≈ Cow’s Milk
- EAEFE6
≈ Trellis
Tetradic +90° +180° +270°
- EBECF5
Silver Phoenix
- F5EAEB
≈ Pampered Princess
- EEEDE4
≈ Gypsum
- E4F0EF
≈ Cloud
Contrast & accessibility
Ag
FailOn white
WCAG 1.17:1 · APCA Lc 8
Ag
AAAOn black
WCAG 17.84:1 · APCA Lc 96
Best text color: #000000
WCAG 17.84:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--silver-phoenix: #ebecf5;
--silver-phoenix-rgb: 235 236 245;
--silver-phoenix-oklch: oklch(0.945 0.012 281.1);
}
.element {
color: var(--silver-phoenix);
background-color: hsl(234 33% 94%);
border-color: oklch(0.945 0.012 281.1);
}Tailwind CSS v4
@theme {
--color-silver-phoenix: #ebecf5;
--color-silver-phoenix-50: #f4f5f9;
--color-silver-phoenix-100: #e7e7ec;
--color-silver-phoenix-200: #d3d4d9;
--color-silver-phoenix-300: #b6b7be;
--color-silver-phoenix-400: #9d9ea6;
--color-silver-phoenix-500: #84858e;
--color-silver-phoenix-600: #707178;
--color-silver-phoenix-700: #5a5a60;
--color-silver-phoenix-800: #414247;
--color-silver-phoenix-900: #2d2e31;
--color-silver-phoenix-950: #1a1a1d;
}SCSS
$silver-phoenix: #ebecf5;
$silver-phoenix-rgb: 235, 236, 245;
$silver-phoenix-light: mix(#fff, $silver-phoenix, 20%);
$silver-phoenix-dark: mix(#000, $silver-phoenix, 20%);
.element {
color: $silver-phoenix;
box-shadow: 0 0 0 2px rgba($silver-phoenix, 0.35);
}