Color con nombre más cercano · #E2E1D7
#E2E1D7
Color con nombre más cercano: Fish Ceviche
#E2E1D7 (rgb(226 225 215), hsl(55 16% 86%), oklch(0.908 0.013 102)) se parece más al color con nombre Fish Ceviche. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E2E1D7
oklch(0.908 0.013 102)
Conversiones de color
- HEX
- #e2e1d7
- RGB
- rgb(226 225 215)
- HSL
- hsl(55 16% 86%)
- HWB
- hwb(55 84% 11%)
- OKLCH
- oklch(0.908 0.013 102)
- OKLab
- oklab(0.908 -0.003 0.013)
- CIE Lab
- lab(89.4 -0.95 5.03)
- LCH
- lch(89.4 5.12 100.7)
- CMYK
- cmyk(0% 0% 5% 11%)
Tintes · Sombras · Tonos
Tintes
- E5E4DB
- E8E7DF
- EBEAE3
- EEEDE7
- F0F0EB
- F3F3EF
- F6F6F3
- F9F9F7
- FCFCFB
Sombras
- C4C4BB
- A8A79F
- 8C8B85
- 71706B
- 575652
- 3E3E3B
- 272725
- 121211
- 030202
Tonos
- D8D7CE
- CECDC5
- C4C3BC
- BAB9B3
- B0AFAA
- A6A6A2
- 9C9C99
- 939391
- 898988
Armonías de color
Complementario +180°
- E2E1D7
Fish Ceviche
- DFE0EA
≈ Flor Lila
Análogo -30° +30°
- E2E1D7
Fish Ceviche
- E6DFD7
≈ Sunbleached
- DDE3D9
≈ Wishy-Washy Mint
Triádico +120° +240°
- E2E1D7
Fish Ceviche
- D7E3E7
≈ Bare Mintimum
- E7DDE3
≈ Diluted Red
Complementario dividido +150° +210°
- E2E1D7
Fish Ceviche
- DAE1E9
≈ Star Map
- E3DEE7
≈ Minified Purple
Tetrádico +90° +180° +270°
- E2E1D7
Fish Ceviche
- D7E4E3
≈ Fluffy Slippers
- DFE0EA
≈ Flor Lila
- E9DDDE
≈ Pink Posey
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.98:1 · APCA Lc 88
Mejor color de texto: #000000
WCAG 15.98:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--fish-ceviche: #e2e1d7;
--fish-ceviche-rgb: 226 225 215;
--fish-ceviche-oklch: oklch(0.908 0.013 102);
}
.element {
color: var(--fish-ceviche);
background-color: hsl(55 16% 86%);
border-color: oklch(0.908 0.013 102);
}Tailwind CSS v4
@theme {
--color-fish-ceviche: #e2e1d7;
--color-fish-ceviche-50: #f6f5f1;
--color-fish-ceviche-100: #e8e8e3;
--color-fish-ceviche-200: #d5d5ce;
--color-fish-ceviche-300: #b8b8b0;
--color-fish-ceviche-400: #a09f96;
--color-fish-ceviche-500: #88877d;
--color-fish-ceviche-600: #73726a;
--color-fish-ceviche-700: #5c5b54;
--color-fish-ceviche-800: #43433d;
--color-fish-ceviche-900: #2e2e2a;
--color-fish-ceviche-950: #1b1b18;
}SCSS
$fish-ceviche: #e2e1d7;
$fish-ceviche-rgb: 226, 225, 215;
$fish-ceviche-light: mix(#fff, $fish-ceviche, 20%);
$fish-ceviche-dark: mix(#000, $fish-ceviche, 20%);
.element {
color: $fish-ceviche;
box-shadow: 0 0 0 2px rgba($fish-ceviche, 0.35);
}