لون مسمّى · #E1DEE7
Minified Purple
Minified Purple هو #E1DEE7: rgb(225 222 231)، hsl(260 16% 89%)، oklch(0.906 0.013 301.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Minified Purple color name →
#E1DEE7
oklch(0.906 0.013 301.3)
تحويلات الألوان
- HEX
- #e1dee7
- RGB
- rgb(225 222 231)
- HSL
- hsl(260 16% 89%)
- HWB
- hwb(260 87% 9%)
- OKLCH
- oklch(0.906 0.013 301.3)
- OKLab
- oklab(0.906 0.007 -0.011)
- CIE Lab
- lab(88.9 2.27 -4.04)
- LCH
- lch(88.9 4.63 299.3)
- CMYK
- cmyk(3% 4% 0% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E4E1E9
- E7E5EC
- EAE8EE
- EDEBF1
- F0EEF3
- F3F2F5
- F6F5F8
- F9F8FA
- FCFCFD
درجات داكنة
- C4C1C9
- A7A5AB
- 8B898F
- 706F73
- 565559
- 3E3D40
- 272628
- 121213
- 020203
درجات رمادية
- D7D4DC
- CDCAD2
- C3C1C7
- B9B7BC
- AFAEB2
- A6A4A8
- 9C9B9E
- 939294
- 89898A
تناسق الألوان
متمم +180°
- E1DEE7
Minified Purple
- DEE1D8
≈ Salt Cellar
متجاور -30° +30°
- E1DEE7
Minified Purple
- DDE0E8
≈ Orchid Whisper
- E5DDE4
≈ Peekaboo
ثلاثي +120° +240°
- E1DEE7
Minified Purple
- E6DED8
≈ Pale Starlet
- D7E3E0
≈ Sparkling Spring
متمم منقسم +150° +210°
- E1DEE7
Minified Purple
- E3E0D7
≈ Blush Sand
- DAE2DC
≈ Mellow Blue
رباعي +90° +180° +270°
- E1DEE7
Minified Purple
- E8DDDB
≈ Red Dust
- DEE1D8
≈ Salt Cellar
- D7E2E5
≈ Glassine
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.32:1 · APCA Lc 16
Ag
AAAعلى الأسود
WCAG 15.80:1 · APCA Lc 87
أفضل لون للنص: #000000
WCAG 15.80:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--minified-purple: #e1dee7;
--minified-purple-rgb: 225 222 231;
--minified-purple-oklch: oklch(0.906 0.013 301.3);
}
.element {
color: var(--minified-purple);
background-color: hsl(260 16% 89%);
border-color: oklch(0.906 0.013 301.3);
}Tailwind CSS v4
@theme {
--color-minified-purple: #e1dee7;
--color-minified-purple-50: #f6f4f8;
--color-minified-purple-100: #e9e7eb;
--color-minified-purple-200: #d5d3d9;
--color-minified-purple-300: #b8b6bd;
--color-minified-purple-400: #9f9da5;
--color-minified-purple-500: #87848d;
--color-minified-purple-600: #737078;
--color-minified-purple-700: #5c5a60;
--color-minified-purple-800: #434146;
--color-minified-purple-900: #2e2d31;
--color-minified-purple-950: #1b1a1d;
}SCSS
$minified-purple: #e1dee7;
$minified-purple-rgb: 225, 222, 231;
$minified-purple-light: mix(#fff, $minified-purple, 20%);
$minified-purple-dark: mix(#000, $minified-purple, 20%);
.element {
color: $minified-purple;
box-shadow: 0 0 0 2px rgba($minified-purple, 0.35);
}