Nearest named color · #E7E9F6
#E7E9F6
Nearest named color: Silver Phoenix
#E7E9F6 (rgb(231 233 246), hsl(232 45% 94%), oklch(0.936 0.018 279.1)) is closest to the named color Silver Phoenix. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E7E9F6
oklch(0.936 0.018 279.1)
Color conversions
- HEX
- #e7e9f6
- RGB
- rgb(231 233 246)
- HSL
- hsl(232 45% 94%)
- HWB
- hwb(232 91% 4%)
- OKLCH
- oklch(0.936 0.018 279.1)
- OKLab
- oklab(0.936 0.003 -0.017)
- CIE Lab
- lab(92.48 1.09 -6.56)
- LCH
- lch(92.48 6.65 279.5)
- CMYK
- cmyk(6% 5% 0% 4%)
Tints · Shades · Tones
Tints
- E9EBF7
- ECEDF8
- EEF0F9
- F1F2FA
- F3F4FB
- F5F6FB
- F8F8FC
- FAFBFD
- FDFDFE
Shades
- C9CBD6
- ABADB7
- 8F9098
- 73747B
- 595A5F
- 404145
- 28292C
- 131315
- 030303
Tones
- DCDEEA
- D2D3DD
- C7C8D1
- BCBEC5
- B2B3B9
- A8A9AE
- 9E9EA2
- 949496
- 8A8A8B
Color harmonies
Complementary +180°
- E7E9F6
Silver Phoenix
- EDEADD
≈ Horseradish Cream
Analogous -30° +30°
- E7E9F6
Silver Phoenix
- E1EBF6
≈ Husky
- EDE7F3
≈ Tranquil Eve
Triadic +120° +240°
- E7E9F6
Silver Phoenix
- F5E6E1
≈ Clerestory
- E1EEE6
≈ Cool Icicle
Split-complementary +150° +210°
- E7E9F6
Silver Phoenix
- F2E8DE
≈ Gardenia
- E6ECE0
≈ Calm Thoughts
Tetradic +90° +180° +270°
- E7E9F6
Silver Phoenix
- F5E5E7
≈ First Impression
- EDEADD
≈ Horseradish Cream
- DDEEEC
≈ Free Spirit
Contrast & accessibility
Ag
FailOn white
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.38:1 · APCA Lc 94
Best text color: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--silver-phoenix: #e7e9f6;
--silver-phoenix-rgb: 231 233 246;
--silver-phoenix-oklch: oklch(0.936 0.018 279.1);
}
.element {
color: var(--silver-phoenix);
background-color: hsl(232 45% 94%);
border-color: oklch(0.936 0.018 279.1);
}Tailwind CSS v4
@theme {
--color-silver-phoenix: #e7e9f6;
--color-silver-phoenix-50: #f4f5fa;
--color-silver-phoenix-100: #e6e7ee;
--color-silver-phoenix-200: #d3d3dc;
--color-silver-phoenix-300: #b5b6c0;
--color-silver-phoenix-400: #9c9ea9;
--color-silver-phoenix-500: #838592;
--color-silver-phoenix-600: #6f717c;
--color-silver-phoenix-700: #595a63;
--color-silver-phoenix-800: #414249;
--color-silver-phoenix-900: #2d2d32;
--color-silver-phoenix-950: #1a1a1e;
}SCSS
$silver-phoenix: #e7e9f6;
$silver-phoenix-rgb: 231, 233, 246;
$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);
}