لون مسمّى · #E8D4BB
Cake Crumbs
Cake Crumbs هو #E8D4BB: rgb(232 212 187)، hsl(33 49% 82%)، oklch(0.88 0.04 73.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Cake Crumbs color name →
#E8D4BB
oklch(0.88 0.04 73.4)
تحويلات الألوان
- HEX
- #e8d4bb
- RGB
- rgb(232 212 187)
- HSL
- hsl(33 49% 82%)
- HWB
- hwb(33 73% 9%)
- OKLCH
- oklch(0.88 0.04 73.4)
- OKLab
- oklab(0.88 0.011 0.039)
- CIE Lab
- lab(86.09 4.25 15.07)
- LCH
- lch(86.09 15.66 74.2)
- CMYK
- cmyk(0% 9% 19% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EAD8C2
- EDDDC9
- EFE1CF
- F1E5D6
- F4E9DD
- F6EEE4
- F8F2EA
- FAF6F1
- FDFBF8
درجات داكنة
- CAB8A2
- AC9D8A
- 908373
- 74695C
- 595146
- 403A32
- 29241F
- 13100D
- 030202
درجات رمادية
- DDCBB5
- D2C3AF
- C8BAA9
- BDB2A3
- B3A99D
- A8A197
- 9E9891
- 94908C
- 8A8886
تناسق الألوان
متمم +180°
- E8D4BB
Cake Crumbs
- C6DAF2
≈ Fly a Kite
متجاور -30° +30°
- E8D4BB
Cake Crumbs
- F0D0C3
≈ Blushing
- DCD9BB
≈ Apple Cucumber
ثلاثي +120° +240°
- E8D4BB
Cake Crumbs
- BAE0DF
≈ Mint Blue
- E1D0EB
≈ Teary Eyed
متمم منقسم +150° +210°
- E8D4BB
Cake Crumbs
- BCDEEB
≈ Himalaya White Blue
- D3D5F2
≈ Flax Bloom
رباعي +90° +180° +270°
- E8D4BB
Cake Crumbs
- C0E0D0
≈ Otto Ice
- C6DAF2
≈ Fly a Kite
- ECCDDE
≈ LA Vibes
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.44:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.56:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cake-crumbs: #e8d4bb;
--cake-crumbs-rgb: 232 212 187;
--cake-crumbs-oklch: oklch(0.88 0.04 73.4);
}
.element {
color: var(--cake-crumbs);
background-color: hsl(33 49% 82%);
border-color: oklch(0.88 0.04 73.4);
}Tailwind CSS v4
@theme {
--color-cake-crumbs: #e8d4bb;
--color-cake-crumbs-50: #fcf4e9;
--color-cake-crumbs-100: #f0e6d9;
--color-cake-crumbs-200: #dfd2c2;
--color-cake-crumbs-300: #c4b5a1;
--color-cake-crumbs-400: #ad9b85;
--color-cake-crumbs-500: #978369;
--color-cake-crumbs-600: #7f6f59;
--color-cake-crumbs-700: #665847;
--color-cake-crumbs-800: #4b4033;
--color-cake-crumbs-900: #342c23;
--color-cake-crumbs-950: #201912;
}SCSS
$cake-crumbs: #e8d4bb;
$cake-crumbs-rgb: 232, 212, 187;
$cake-crumbs-light: mix(#fff, $cake-crumbs, 20%);
$cake-crumbs-dark: mix(#000, $cake-crumbs, 20%);
.element {
color: $cake-crumbs;
box-shadow: 0 0 0 2px rgba($cake-crumbs, 0.35);
}