لون مسمّى · #C89134
Mecca Gold
Mecca Gold هو #C89134: rgb(200 145 52)، hsl(38 59% 49%)، oklch(0.694 0.125 76.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Mecca Gold color name →
#C89134
oklch(0.694 0.125 76.7)
تحويلات الألوان
- HEX
- #c89134
- RGB
- rgb(200 145 52)
- HSL
- hsl(38 59% 49%)
- HWB
- hwb(38 20% 22%)
- OKLCH
- oklch(0.694 0.125 76.7)
- OKLab
- oklab(0.694 0.029 0.122)
- CIE Lab
- lab(64.45 15.2 55.2)
- LCH
- lch(64.45 57.26 74.6)
- CMYK
- cmyk(0% 28% 74% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CE9C4E
- D4A764
- D9B278
- DFBD8C
- E4C89F
- EAD3B3
- EFDEC6
- F5E9D9
- FAF4EC
درجات داكنة
- AE7D2C
- 946A24
- 7B581C
- 634615
- 4C350E
- 362507
- 211503
- 0F0701
- 020100
درجات رمادية
- C19041
- BA8E4B
- B28D54
- AB8B5C
- A48A63
- 9D8869
- 968670
- 8F8475
- 87827B
تناسق الألوان
متمم +180°
- C89134
Mecca Gold
- 689EE9
≈ Feather Star
متجاور -30° +30°
- C89134
Mecca Gold
- DB8256
≈ Show Business
- A6A138
≈ Machine Green
ثلاثي +120° +240°
- C89134
Mecca Gold
- 00B3B5
≈ Cyan Sky
- BB83D0
≈ Purception
متمم منقسم +150° +210°
- C89134
Mecca Gold
- 26ABD8
≈ Bright Cerulean
- 9790E6
≈ Perrywinkle
رباعي +90° +180° +270°
- C89134
Mecca Gold
- 38B58C
≈ Hisui Kingfisher
- 689EE9
≈ Feather Star
- D47BAC
≈ Ice Plant
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.77:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.55:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mecca-gold: #c89134;
--mecca-gold-rgb: 200 145 52;
--mecca-gold-oklch: oklch(0.694 0.125 76.7);
}
.element {
color: var(--mecca-gold);
background-color: hsl(38 59% 49%);
border-color: oklch(0.694 0.125 76.7);
}Tailwind CSS v4
@theme {
--color-mecca-gold: #c89134;
--color-mecca-gold-50: #fff2ce;
--color-mecca-gold-100: #ffe4b9;
--color-mecca-gold-200: #f2ce97;
--color-mecca-gold-300: #dab06b;
--color-mecca-gold-400: #c8943e;
--color-mecca-gold-500: #b47900;
--color-mecca-gold-600: #986600;
--color-mecca-gold-700: #7a5200;
--color-mecca-gold-800: #5b3b00;
--color-mecca-gold-900: #402801;
--color-mecca-gold-950: #291600;
}SCSS
$mecca-gold: #c89134;
$mecca-gold-rgb: 200, 145, 52;
$mecca-gold-light: mix(#fff, $mecca-gold, 20%);
$mecca-gold-dark: mix(#000, $mecca-gold, 20%);
.element {
color: $mecca-gold;
box-shadow: 0 0 0 2px rgba($mecca-gold, 0.35);
}