لون مسمّى · #ECE3D1
Canyon Cliffs
Canyon Cliffs هو #ECE3D1: rgb(236 227 209)، hsl(40 42% 87%)، oklch(0.918 0.026 84.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Canyon Cliffs color name →
#ECE3D1
oklch(0.918 0.026 84.6)
تحويلات الألوان
- HEX
- #ece3d1
- RGB
- rgb(236 227 209)
- HSL
- hsl(40 42% 87%)
- HWB
- hwb(40 82% 7%)
- OKLCH
- oklch(0.918 0.026 84.6)
- OKLab
- oklab(0.918 0.002 0.026)
- CIE Lab
- lab(90.6 0.94 9.97)
- LCH
- lch(90.6 10.02 84.6)
- CMYK
- cmyk(0% 4% 11% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EEE6D6
- F0E9DA
- F2EBDF
- F4EEE3
- F5F1E8
- F7F4ED
- F9F7F1
- FBF9F6
- FDFCFA
درجات داكنة
- CDC5B5
- AFA89B
- 928C81
- 767168
- 5B5750
- 423F39
- 292723
- 131210
- 030302
درجات رمادية
- E1D9C9
- D5CEC0
- CAC4B8
- BFBAB0
- B5B0A8
- AAA6A0
- 9F9D98
- 959390
- 8A8988
تناسق الألوان
متمم +180°
- ECE3D1
Canyon Cliffs
- DBE4F6
≈ Aquarelle Purple
متجاور -30° +30°
- ECE3D1
Canyon Cliffs
- F2E0D4
≈ Pink Scallop
- E3E6D3
≈ Sage Splash
ثلاثي +120° +240°
- ECE3D1
Canyon Cliffs
- D1E9EC
≈ Enchanted Evening
- EDDEEE
≈ Divine Dove
متمم منقسم +150° +210°
- ECE3D1
Canyon Cliffs
- D4E7F3
≈ Freezing Vapour
- E5E1F4
≈ Lingering Lilac
رباعي +90° +180° +270°
- ECE3D1
Canyon Cliffs
- D3EAE3
≈ Icy Glacier
- DBE4F6
≈ Aquarelle Purple
- F3DDE5
≈ Lavender Moon
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.27:1 · APCA Lc 14
Ag
AAAعلى الأسود
WCAG 16.47:1 · APCA Lc 90
أفضل لون للنص: #000000
WCAG 16.47:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--canyon-cliffs: #ece3d1;
--canyon-cliffs-rgb: 236 227 209;
--canyon-cliffs-oklch: oklch(0.918 0.026 84.6);
}
.element {
color: var(--canyon-cliffs);
background-color: hsl(40 42% 87%);
border-color: oklch(0.918 0.026 84.6);
}Tailwind CSS v4
@theme {
--color-canyon-cliffs: #ece3d1;
--color-canyon-cliffs-50: #f8f5ed;
--color-canyon-cliffs-100: #ece7de;
--color-canyon-cliffs-200: #d9d4c8;
--color-canyon-cliffs-300: #bdb7a9;
--color-canyon-cliffs-400: #a69e8d;
--color-canyon-cliffs-500: #8e8573;
--color-canyon-cliffs-600: #787162;
--color-canyon-cliffs-700: #605a4e;
--color-canyon-cliffs-800: #474238;
--color-canyon-cliffs-900: #312d27;
--color-canyon-cliffs-950: #1d1a15;
}SCSS
$canyon-cliffs: #ece3d1;
$canyon-cliffs-rgb: 236, 227, 209;
$canyon-cliffs-light: mix(#fff, $canyon-cliffs, 20%);
$canyon-cliffs-dark: mix(#000, $canyon-cliffs, 20%);
.element {
color: $canyon-cliffs;
box-shadow: 0 0 0 2px rgba($canyon-cliffs, 0.35);
}