Couleur nommée la plus proche · #E7E9F6
#E7E9F6
Couleur nommée la plus proche: Silver Phoenix
#E7E9F6 (rgb(231 233 246), hsl(232 45% 94%), oklch(0.936 0.018 279.1)) est la plus proche de la couleur nommée Silver Phoenix. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E7E9F6
oklch(0.936 0.018 279.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E9EBF7
- ECEDF8
- EEF0F9
- F1F2FA
- F3F4FB
- F5F6FB
- F8F8FC
- FAFBFD
- FDFDFE
Ombres
- C9CBD6
- ABADB7
- 8F9098
- 73747B
- 595A5F
- 404145
- 28292C
- 131315
- 030303
Tons
- DCDEEA
- D2D3DD
- C7C8D1
- BCBEC5
- B2B3B9
- A8A9AE
- 9E9EA2
- 949496
- 8A8A8B
Harmonies de couleurs
Complémentaire +180°
- E7E9F6
Silver Phoenix
- EDEADD
≈ Horseradish Cream
Analogue -30° +30°
- E7E9F6
Silver Phoenix
- E1EBF6
≈ Husky
- EDE7F3
≈ Tranquil Eve
Triadique +120° +240°
- E7E9F6
Silver Phoenix
- F5E6E1
≈ Clerestory
- E1EEE6
≈ Cool Icicle
Complémentaire divisée +150° +210°
- E7E9F6
Silver Phoenix
- F2E8DE
≈ Gardenia
- E6ECE0
≈ Calm Thoughts
Tétradique +90° +180° +270°
- E7E9F6
Silver Phoenix
- F5E5E7
≈ First Impression
- EDEADD
≈ Horseradish Cream
- DDEEEC
≈ Free Spirit
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.38:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
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);
}