لون مسمّى · #EBDBCA
Chinese Hamster
Chinese Hamster هو #EBDBCA: rgb(235 219 202)، hsl(31 45% 86%)، oklch(0.9 0.029 69.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Chinese Hamster color name →
#EBDBCA
oklch(0.9 0.029 69.1)
تحويلات الألوان
- HEX
- #ebdbca
- RGB
- rgb(235 219 202)
- HSL
- hsl(31 45% 86%)
- HWB
- hwb(31 79% 8%)
- OKLCH
- oklch(0.9 0.029 69.1)
- OKLab
- oklab(0.9 0.01 0.027)
- CIE Lab
- lab(88.37 3.63 10.47)
- LCH
- lch(88.37 11.09 70.9)
- CMYK
- cmyk(0% 7% 14% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EDDFCF
- EFE2D5
- F1E6DA
- F3E9DF
- F5EDE4
- F7F1EA
- F9F4EF
- FBF8F4
- FDFBFA
درجات داكنة
- CCBEAF
- AEA295
- 91877C
- 756D64
- 5B544D
- 413C37
- 292622
- 13110F
- 030202
درجات رمادية
- E0D2C2
- D5C8BB
- CABFB3
- BFB6AC
- B4ACA4
- A9A39D
- 9F9A96
- 94918E
- 8A8987
تناسق الألوان
متمم +180°
- EBDBCA
Chinese Hamster
- D0E0F1
≈ Light Breeze
متجاور -30° +30°
- EBDBCA
Chinese Hamster
- F0D8D0
≈ Tan Whirl
- E2DFC9
≈ Light Pistachio Tang
ثلاثي +120° +240°
- EBDBCA
Chinese Hamster
- C9E5E2
≈ Swan Lake
- E3D9ED
≈ Pale Grey Magenta
متمم منقسم +150° +210°
- EBDBCA
Chinese Hamster
- CAE3EB
≈ Azul Cielito Lindo
- D9DCF1
≈ Chinese Silver
رباعي +90° +180° +270°
- EBDBCA
Chinese Hamster
- CFE4D7
≈ Light Silverton
- D0E0F1
≈ Light Breeze
- ECD7E4
≈ All Made Up
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.35:1 · APCA Lc 17
Ag
AAAعلى الأسود
WCAG 15.51:1 · APCA Lc 86
أفضل لون للنص: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chinese-hamster: #ebdbca;
--chinese-hamster-rgb: 235 219 202;
--chinese-hamster-oklch: oklch(0.9 0.029 69.1);
}
.element {
color: var(--chinese-hamster);
background-color: hsl(31 45% 86%);
border-color: oklch(0.9 0.029 69.1);
}Tailwind CSS v4
@theme {
--color-chinese-hamster: #ebdbca;
--color-chinese-hamster-50: #fbf4ec;
--color-chinese-hamster-100: #eee6de;
--color-chinese-hamster-200: #dcd2c7;
--color-chinese-hamster-300: #c1b5a8;
--color-chinese-hamster-400: #aa9c8d;
--color-chinese-hamster-500: #938372;
--color-chinese-hamster-600: #7c6f61;
--color-chinese-hamster-700: #64594d;
--color-chinese-hamster-800: #494138;
--color-chinese-hamster-900: #332d26;
--color-chinese-hamster-950: #1f1a15;
}SCSS
$chinese-hamster: #ebdbca;
$chinese-hamster-rgb: 235, 219, 202;
$chinese-hamster-light: mix(#fff, $chinese-hamster, 20%);
$chinese-hamster-dark: mix(#000, $chinese-hamster, 20%);
.element {
color: $chinese-hamster;
box-shadow: 0 0 0 2px rgba($chinese-hamster, 0.35);
}