لون مسمّى · #DEDCC6
Light Sandbank
Light Sandbank هو #DEDCC6: rgb(222 220 198)، hsl(55 27% 82%)، oklch(0.89 0.03 102.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Light Sandbank color name →
#DEDCC6
oklch(0.89 0.03 102.7)
تحويلات الألوان
- HEX
- #dedcc6
- RGB
- rgb(222 220 198)
- HSL
- hsl(55 27% 82%)
- HWB
- hwb(55 78% 13%)
- OKLCH
- oklch(0.89 0.03 102.7)
- OKLab
- oklab(0.89 -0.007 0.029)
- CIE Lab
- lab(87.48 -2.07 11.11)
- LCH
- lch(87.48 11.3 100.6)
- CMYK
- cmyk(0% 1% 11% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E1DFCC
- E5E3D1
- E8E6D7
- EBEADD
- EEEDE2
- F2F1E8
- F5F4EE
- F8F8F3
- FCFBF9
درجات داكنة
- C1BFAC
- A5A392
- 89887A
- 6F6E62
- 55544B
- 3D3C35
- 262621
- 12110E
- 020202
درجات رمادية
- D4D2BF
- CAC9B8
- C1BFB1
- B7B6A9
- AEADA2
- A4A49B
- 9B9B95
- 92928E
- 898987
تناسق الألوان
متمم +180°
- DEDCC6
Light Sandbank
- D7D9EE
≈ Blissful Meditation
متجاور -30° +30°
- DEDCC6
Light Sandbank
- E7D8C6
≈ Dépaysement
- D3DFCC
≈ Comforting Green
ثلاثي +120° +240°
- DEDCC6
Light Sandbank
- C7E0E9
≈ Skywriter
- EAD4E0
≈ Light Favourite Lady
متمم منقسم +150° +210°
- DEDCC6
Light Sandbank
- CDDCEE
≈ Alaskan Skies
- E2D6E9
≈ Old Chalk
رباعي +90° +180° +270°
- DEDCC6
Light Sandbank
- C6E1E0
≈ Peek-a-Blue
- D7D9EE
≈ Blissful Meditation
- EED3D5
≈ Light Light Blush
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.38:1 · APCA Lc 19
Ag
AAAعلى الأسود
WCAG 15.15:1 · APCA Lc 85
أفضل لون للنص: #000000
WCAG 15.15:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--light-sandbank: #dedcc6;
--light-sandbank-rgb: 222 220 198;
--light-sandbank-oklch: oklch(0.89 0.03 102.7);
}
.element {
color: var(--light-sandbank);
background-color: hsl(55 27% 82%);
border-color: oklch(0.89 0.03 102.7);
}Tailwind CSS v4
@theme {
--color-light-sandbank: #dedcc6;
--color-light-sandbank-50: #f6f6ec;
--color-light-sandbank-100: #e9e9dd;
--color-light-sandbank-200: #d6d5c7;
--color-light-sandbank-300: #b9b8a7;
--color-light-sandbank-400: #a19f8c;
--color-light-sandbank-500: #898771;
--color-light-sandbank-600: #747360;
--color-light-sandbank-700: #5d5c4c;
--color-light-sandbank-800: #444337;
--color-light-sandbank-900: #2f2e26;
--color-light-sandbank-950: #1c1b14;
}SCSS
$light-sandbank: #dedcc6;
$light-sandbank-rgb: 222, 220, 198;
$light-sandbank-light: mix(#fff, $light-sandbank, 20%);
$light-sandbank-dark: mix(#000, $light-sandbank, 20%);
.element {
color: $light-sandbank;
box-shadow: 0 0 0 2px rgba($light-sandbank, 0.35);
}