Couleur nommée la plus proche · #E7E5E9
#E7E5E9
Couleur nommée la plus proche: Chrome
#E7E5E9 (rgb(231 229 233), hsl(270 8% 91%), oklch(0.925 0.006 308.4)) est la plus proche de la couleur nommée Chrome. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E7E5E9
oklch(0.925 0.006 308.4)
Conversions de couleur
- HEX
- #e7e5e9
- RGB
- rgb(231 229 233)
- HSL
- hsl(270 8% 91%)
- HWB
- hwb(270 90% 9%)
- OKLCH
- oklch(0.925 0.006 308.4)
- OKLab
- oklab(0.925 0.004 -0.005)
- CIE Lab
- lab(91.18 1.23 -1.7)
- LCH
- lch(91.18 2.1 305.9)
- CMYK
- cmyk(1% 2% 0% 9%)
Teintes · Ombres · Tons
Teintes
- E9E8EB
- ECEAED
- EEEDF0
- F1EFF2
- F3F2F4
- F5F5F6
- F8F7F8
- FAFAFB
- FDFCFD
Ombres
- C9C7CB
- ABAAAD
- 8F8E90
- 737274
- 59585A
- 403F41
- 282829
- 131213
- 030303
Tons
- DCDADE
- D2D0D3
- C7C6C8
- BCBBBE
- B2B1B3
- A8A7A9
- 9E9D9E
- 949394
- 8A8A8A
Harmonies de couleurs
Complémentaire +180°
- E7E5E9
Chrome
- E5E7E3
≈ Whale Bone
Analogue -30° +30°
- E7E5E9
Chrome
- E5E6EA
≈ Lilac Murmur
- E9E5E7
≈ Orchid Mist
Triadique +120° +240°
- E7E5E9
Chrome
- E9E5E2
≈ Soft Violet
- E2E7E7
≈ White Lake
Complémentaire divisée +150° +210°
- E7E5E9
Chrome
- E7E6E2
≈ Pearl Brite
- E3E7E5
≈ Silent White
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.25:1 · APCA Lc 12
Ag
AAASur noir
WCAG 16.78:1 · APCA Lc 91
Meilleure couleur de texte: #000000
WCAG 16.78:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--chrome: #e7e5e9;
--chrome-rgb: 231 229 233;
--chrome-oklch: oklch(0.925 0.006 308.4);
}
.element {
color: var(--chrome);
background-color: hsl(270 8% 91%);
border-color: oklch(0.925 0.006 308.4);
}Tailwind CSS v4
@theme {
--color-chrome: #e7e5e9;
--color-chrome-50: #f5f5f6;
--color-chrome-100: #e8e7e9;
--color-chrome-200: #d5d3d6;
--color-chrome-300: #b8b6b9;
--color-chrome-400: #9f9da1;
--color-chrome-500: #878589;
--color-chrome-600: #727174;
--color-chrome-700: #5b5a5d;
--color-chrome-800: #434244;
--color-chrome-900: #2e2d2f;
--color-chrome-950: #1b1a1b;
}SCSS
$chrome: #e7e5e9;
$chrome-rgb: 231, 229, 233;
$chrome-light: mix(#fff, $chrome, 20%);
$chrome-dark: mix(#000, $chrome, 20%);
.element {
color: $chrome;
box-shadow: 0 0 0 2px rgba($chrome, 0.35);
}