لون مسمّى · #E8C89E
Compatible Cream
Compatible Cream هو #E8C89E: rgb(232 200 158)، hsl(34 62% 76%)، oklch(0.85 0.066 74.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Compatible Cream color name →
#E8C89E
oklch(0.85 0.066 74.3)
تحويلات الألوان
- HEX
- #e8c89e
- RGB
- rgb(232 200 158)
- HSL
- hsl(34 62% 76%)
- HWB
- hwb(34 62% 9%)
- OKLCH
- oklch(0.85 0.066 74.3)
- OKLab
- oklab(0.85 0.018 0.064)
- CIE Lab
- lab(82.61 7.26 25.48)
- LCH
- lch(82.61 26.49 74.1)
- CMYK
- cmyk(0% 14% 32% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EACEA8
- EDD3B2
- EFD9BB
- F1DEC5
- F4E4CF
- F6E9D8
- F8EFE2
- FBF4EC
- FDF9F5
درجات داكنة
- CAAE89
- AC9474
- 907B60
- 74634D
- 594C3A
- 403629
- 292118
- 130F09
- 030201
درجات رمادية
- DDC19B
- D2B998
- C8B296
- BDAB93
- B3A390
- A89C8D
- 9E958A
- 948E86
- 8A8783
تناسق الألوان
متمم +180°
- E8C89E
Compatible Cream
- B1D1F9
≈ Ice Cold Stare
متجاور -30° +30°
- E8C89E
Compatible Cream
- F4C1AB
≈ Cosmetic Peach
- D4D19E
≈ Calming Effect
ثلاثي +120° +240°
- E8C89E
Compatible Cream
- 9ADCDA
≈ Pale Pastel
- DEC1EC
≈ Beefy Pink
متمم منقسم +150° +210°
- E8C89E
Compatible Cream
- 9FD8EE
≈ Sora Blue
- C8C9F8
≈ Lavender Blue
رباعي +90° +180° +270°
- E8C89E
Compatible Cream
- A6DCC2
≈ Shanghai Jade
- B1D1F9
≈ Ice Cold Stare
- EEBDD8
≈ Sweet Taffy
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.59:1 · APCA Lc 27
Ag
AAAعلى الأسود
WCAG 13.18:1 · APCA Lc 76
أفضل لون للنص: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--compatible-cream: #e8c89e;
--compatible-cream-rgb: 232 200 158;
--compatible-cream-oklch: oklch(0.85 0.066 74.3);
}
.element {
color: var(--compatible-cream);
background-color: hsl(34 62% 76%);
border-color: oklch(0.85 0.066 74.3);
}Tailwind CSS v4
@theme {
--color-compatible-cream: #e8c89e;
--color-compatible-cream-50: #fff3e1;
--color-compatible-cream-100: #f5e5d0;
--color-compatible-cream-200: #e5d1b5;
--color-compatible-cream-300: #cbb392;
--color-compatible-cream-400: #b69973;
--color-compatible-cream-500: #a08053;
--color-compatible-cream-600: #886c47;
--color-compatible-cream-700: #6d5739;
--color-compatible-cream-800: #513f28;
--color-compatible-cream-900: #382b1b;
--color-compatible-cream-950: #23180b;
}SCSS
$compatible-cream: #e8c89e;
$compatible-cream-rgb: 232, 200, 158;
$compatible-cream-light: mix(#fff, $compatible-cream, 20%);
$compatible-cream-dark: mix(#000, $compatible-cream, 20%);
.element {
color: $compatible-cream;
box-shadow: 0 0 0 2px rgba($compatible-cream, 0.35);
}