Colore con nome più vicino · #E2E1D7
#E2E1D7
Colore con nome più vicino: Fish Ceviche
#E2E1D7 (rgb(226 225 215), hsl(55 16% 86%), oklch(0.908 0.013 102)) è più vicino al colore con nome Fish Ceviche. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E2E1D7
oklch(0.908 0.013 102)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E5E4DB
- E8E7DF
- EBEAE3
- EEEDE7
- F0F0EB
- F3F3EF
- F6F6F3
- F9F9F7
- FCFCFB
Ombre
- C4C4BB
- A8A79F
- 8C8B85
- 71706B
- 575652
- 3E3E3B
- 272725
- 121211
- 030202
Toni
- D8D7CE
- CECDC5
- C4C3BC
- BAB9B3
- B0AFAA
- A6A6A2
- 9C9C99
- 939391
- 898988
Armonie di colore
Complementare +180°
- E2E1D7
Fish Ceviche
- DFE0EA
≈ Flor Lila
Analogo -30° +30°
- E2E1D7
Fish Ceviche
- E6DFD7
≈ Sunbleached
- DDE3D9
≈ Wishy-Washy Mint
Triadico +120° +240°
- E2E1D7
Fish Ceviche
- D7E3E7
≈ Bare Mintimum
- E7DDE3
≈ Diluted Red
Complementare divisa +150° +210°
- E2E1D7
Fish Ceviche
- DAE1E9
≈ Star Map
- E3DEE7
≈ Minified Purple
Tetradico +90° +180° +270°
- E2E1D7
Fish Ceviche
- D7E4E3
≈ Fluffy Slippers
- DFE0EA
≈ Flor Lila
- E9DDDE
≈ Pink Posey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.98:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.98:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
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);
}