لون مسمّى · #E1E1D5
Fish Ceviche
Fish Ceviche هو #E1E1D5: rgb(225 225 213)، hsl(60 17% 86%)، oklch(0.906 0.016 106.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Fish Ceviche color name →
#E1E1D5
oklch(0.906 0.016 106.7)
تحويلات الألوان
- HEX
- #e1e1d5
- RGB
- rgb(225 225 213)
- HSL
- hsl(60 17% 86%)
- HWB
- hwb(60 84% 12%)
- OKLCH
- oklch(0.906 0.016 106.7)
- OKLab
- oklab(0.906 -0.005 0.015)
- CIE Lab
- lab(89.28 -1.56 5.89)
- LCH
- lch(89.28 6.1 104.8)
- CMYK
- cmyk(0% 0% 5% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E4E4D9
- E7E7DD
- EAEAE1
- EDEDE6
- F0F0EA
- F3F3EE
- F6F6F2
- F9F9F7
- FCFCFB
درجات داكنة
- C4C4B9
- A7A79E
- 8B8B83
- 70706A
- 565651
- 3E3E3A
- 272724
- 121210
- 020202
درجات رمادية
- D7D7CC
- CDCDC3
- C3C3BB
- B9B9B2
- AFAFAA
- A6A6A1
- 9C9C99
- 939390
- 898988
تناسق الألوان
متمم +180°
- E1E1D5
Fish Ceviche
- DFDFEB
≈ Timid Purple
متجاور -30° +30°
- E1E1D5
Fish Ceviche
- E6DFD5
≈ Pale Cashmere
- DBE3D8
≈ Eye of the Storm
ثلاثي +120° +240°
- E1E1D5
Fish Ceviche
- D6E3E8
≈ Bare Mintimum
- E9DCE2
≈ Purple Emulsion
متمم منقسم +150° +210°
- E1E1D5
Fish Ceviche
- D9E1EB
≈ Violet Vignette
- E4DDE7
≈ Pale Muse
رباعي +90° +180° +270°
- E1E1D5
Fish Ceviche
- D5E4E4
≈ Waterfront
- DFDFEB
≈ Timid Purple
- EBDCDC
≈ Discrete Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.31:1 · APCA Lc 16
Ag
AAAعلى الأسود
WCAG 15.93:1 · APCA Lc 88
أفضل لون للنص: #000000
WCAG 15.93:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fish-ceviche: #e1e1d5;
--fish-ceviche-rgb: 225 225 213;
--fish-ceviche-oklch: oklch(0.906 0.016 106.7);
}
.element {
color: var(--fish-ceviche);
background-color: hsl(60 17% 86%);
border-color: oklch(0.906 0.016 106.7);
}Tailwind CSS v4
@theme {
--color-fish-ceviche: #e1e1d5;
--color-fish-ceviche-50: #f5f5f0;
--color-fish-ceviche-100: #e8e8e2;
--color-fish-ceviche-200: #d4d5cd;
--color-fish-ceviche-300: #b8b8af;
--color-fish-ceviche-400: #9f9f94;
--color-fish-ceviche-500: #87877b;
--color-fish-ceviche-600: #727268;
--color-fish-ceviche-700: #5b5b53;
--color-fish-ceviche-800: #43433c;
--color-fish-ceviche-900: #2e2e29;
--color-fish-ceviche-950: #1b1b17;
}SCSS
$fish-ceviche: #e1e1d5;
$fish-ceviche-rgb: 225, 225, 213;
$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);
}