أقرب لون مسمّى · #E9E0D6
#E9E0D6
أقرب لون مسمّى: Mountain Peak
#E9E0D6 (rgb(233 224 214)، hsl(32 30% 88%)، oklch(0.911 0.017 70.5)) أقرب إلى اللون المسمّى Mountain Peak. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E9E0D6
oklch(0.911 0.017 70.5)
تحويلات الألوان
- HEX
- #e9e0d6
- RGB
- rgb(233 224 214)
- HSL
- hsl(32 30% 88%)
- HWB
- hwb(32 84% 9%)
- OKLCH
- oklch(0.911 0.017 70.5)
- OKLab
- oklab(0.911 0.006 0.016)
- CIE Lab
- lab(89.69 1.91 6.06)
- LCH
- lch(89.69 6.36 72.5)
- CMYK
- cmyk(0% 4% 8% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EBE3DA
- EDE6DE
- F0E9E2
- F2ECE6
- F4EFEA
- F6F3EE
- F8F6F3
- FBF9F7
- FDFCFB
درجات داكنة
- CBC3BA
- ADA69E
- 908A84
- 74706A
- 5A5652
- 413E3B
- 292725
- 131210
- 030202
درجات رمادية
- DED6CD
- D3CCC4
- C8C2BB
- BEB8B3
- B3AFAA
- A9A5A1
- 9E9C99
- 949291
- 8A8988
تناسق الألوان
متمم +180°
- E9E0D6
Mountain Peak
- DAE3ED
≈ Iceberg
متجاور -30° +30°
- E9E0D6
Mountain Peak
- ECDED9
≈ Wishy-Washy Beige
- E4E2D6
≈ Large Wild Convolvulus
ثلاثي +120° +240°
- E9E0D6
Mountain Peak
- D6E5E4
≈ Fluffy Slippers
- E5DFEA
≈ Powdery Mist
متمم منقسم +150° +210°
- E9E0D6
Mountain Peak
- D6E4E9
≈ Dreamstress
- DFE1ED
≈ Blush Sky
رباعي +90° +180° +270°
- E9E0D6
Mountain Peak
- D9E5DE
≈ Crystal Salt White
- DAE3ED
≈ Iceberg
- EADEE5
≈ Weak Mauve
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.30:1 · APCA Lc 15
Ag
AAAعلى الأسود
WCAG 16.09:1 · APCA Lc 89
أفضل لون للنص: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mountain-peak: #e9e0d6;
--mountain-peak-rgb: 233 224 214;
--mountain-peak-oklch: oklch(0.911 0.017 70.5);
}
.element {
color: var(--mountain-peak);
background-color: hsl(32 30% 88%);
border-color: oklch(0.911 0.017 70.5);
}Tailwind CSS v4
@theme {
--color-mountain-peak: #e9e0d6;
--color-mountain-peak-50: #f8f4f0;
--color-mountain-peak-100: #ebe7e2;
--color-mountain-peak-200: #d9d3cd;
--color-mountain-peak-300: #bdb6ae;
--color-mountain-peak-400: #a59d94;
--color-mountain-peak-500: #8d857a;
--color-mountain-peak-600: #787068;
--color-mountain-peak-700: #605a53;
--color-mountain-peak-800: #46413c;
--color-mountain-peak-900: #312d29;
--color-mountain-peak-950: #1d1a17;
}SCSS
$mountain-peak: #e9e0d6;
$mountain-peak-rgb: 233, 224, 214;
$mountain-peak-light: mix(#fff, $mountain-peak, 20%);
$mountain-peak-dark: mix(#000, $mountain-peak, 20%);
.element {
color: $mountain-peak;
box-shadow: 0 0 0 2px rgba($mountain-peak, 0.35);
}