Color con nombre más cercano · #E7E5E9
#E7E5E9
Color con nombre más cercano: Chrome
#E7E5E9 (rgb(231 229 233), hsl(270 8% 91%), oklch(0.925 0.006 308.4)) se parece más al color con nombre Chrome. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E7E5E9
oklch(0.925 0.006 308.4)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- E9E8EB
- ECEAED
- EEEDF0
- F1EFF2
- F3F2F4
- F5F5F6
- F8F7F8
- FAFAFB
- FDFCFD
Sombras
- C9C7CB
- ABAAAD
- 8F8E90
- 737274
- 59585A
- 403F41
- 282829
- 131213
- 030303
Tonos
- DCDADE
- D2D0D3
- C7C6C8
- BCBBBE
- B2B1B3
- A8A7A9
- 9E9D9E
- 949394
- 8A8A8A
Armonías de color
Complementario +180°
- E7E5E9
Chrome
- E5E7E3
≈ Whale Bone
Análogo -30° +30°
- E7E5E9
Chrome
- E5E6EA
≈ Lilac Murmur
- E9E5E7
≈ Orchid Mist
Triádico +120° +240°
- E7E5E9
Chrome
- E9E5E2
≈ Soft Violet
- E2E7E7
≈ White Lake
Complementario dividido +150° +210°
- E7E5E9
Chrome
- E7E6E2
≈ Pearl Brite
- E3E7E5
≈ Silent White
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.25:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.78:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.78:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
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);
}