أقرب لون مسمّى · #ECC991
#ECC991
أقرب لون مسمّى: Molten Gold
#ECC991 (rgb(236 201 145)، hsl(37 71% 75%)، oklch(0.853 0.082 79)) أقرب إلى اللون المسمّى Molten Gold. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#ECC991
oklch(0.853 0.082 79)
تحويلات الألوان
- HEX
- #ecc991
- RGB
- rgb(236 201 145)
- HSL
- hsl(37 71% 75%)
- HWB
- hwb(37 57% 7%)
- OKLCH
- oklch(0.853 0.082 79)
- OKLab
- oklab(0.853 0.016 0.081)
- CIE Lab
- lab(83.05 7.22 32.85)
- LCH
- lch(83.05 33.63 77.6)
- CMYK
- cmyk(0% 15% 39% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EECE9C
- F0D4A8
- F2D9B3
- F4DFBE
- F6E4C9
- F8EAD4
- FAEFDE
- FBF4E9
- FDFAF4
درجات داكنة
- CDAE7D
- AF956A
- 927C58
- 766446
- 5B4C35
- 423625
- 292215
- 130F07
- 030201
درجات رمادية
- E1C290
- D6BA8F
- CBB38D
- C0AB8C
- B5A48A
- AA9D88
- 9F9686
- 958E84
- 8A8782
تناسق الألوان
متمم +180°
- ECC991
Molten Gold
- B2D0FF
≈ Ice Cold Stare
متجاور -30° +30°
- ECC991
Molten Gold
- FCBF9F
≈ Apricot Iced Tea
- D2D495
≈ Guacamole Ambrosia
ثلاثي +120° +240°
- ECC991
Molten Gold
- 8BE0E3
≈ Paradisiacal Getaway
- E6BEF1
≈ Beefy Pink
متمم منقسم +150° +210°
- ECC991
Molten Gold
- 95DAFA
≈ Shiva Blue
- CCC7FF
≈ Innocent Snowdrop
رباعي +90° +180° +270°
- ECC991
Molten Gold
- 98E1C5
≈ Clean Green
- B2D0FF
≈ Ice Cold Stare
- F9B9D7
≈ Little Baby Girl
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.57:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.33:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--molten-gold: #ecc991;
--molten-gold-rgb: 236 201 145;
--molten-gold-oklch: oklch(0.853 0.082 79);
}
.element {
color: var(--molten-gold);
background-color: hsl(37 71% 75%);
border-color: oklch(0.853 0.082 79);
}Tailwind CSS v4
@theme {
--color-molten-gold: #ecc991;
--color-molten-gold-50: #fff3db;
--color-molten-gold-100: #f6e6ca;
--color-molten-gold-200: #e7d1ad;
--color-molten-gold-300: #cdb487;
--color-molten-gold-400: #b99966;
--color-molten-gold-500: #a38043;
--color-molten-gold-600: #8a6c39;
--color-molten-gold-700: #6f562d;
--color-molten-gold-800: #523f20;
--color-molten-gold-900: #392b15;
--color-molten-gold-950: #241806;
}SCSS
$molten-gold: #ecc991;
$molten-gold-rgb: 236, 201, 145;
$molten-gold-light: mix(#fff, $molten-gold, 20%);
$molten-gold-dark: mix(#000, $molten-gold, 20%);
.element {
color: $molten-gold;
box-shadow: 0 0 0 2px rgba($molten-gold, 0.35);
}