لون مسمّى · #A2783B
Victorian Gold
Victorian Gold هو #A2783B: rgb(162 120 59)، hsl(36 47% 43%)، oklch(0.602 0.094 74.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Victorian Gold color name →
#A2783B
oklch(0.602 0.094 74.5)
تحويلات الألوان
- HEX
- #a2783b
- RGB
- rgb(162 120 59)
- HSL
- hsl(36 47% 43%)
- HWB
- hwb(36 23% 36%)
- OKLCH
- oklch(0.602 0.094 74.5)
- OKLab
- oklab(0.602 0.025 0.091)
- CIE Lab
- lab(53.78 12.04 39.47)
- LCH
- lch(53.78 41.26 73)
- CMYK
- cmyk(0% 26% 64% 36%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AB8550
- B59263
- BE9F77
- C7AD8A
- D1BA9D
- DAC8B0
- E3D5C4
- ECE3D7
- F6F1EB
درجات داكنة
- 8C6732
- 775729
- 634821
- 4F3919
- 3C2A11
- 2A1D09
- 191004
- 0A0501
- 010100
درجات رمادية
- 9F7944
- 9C7A4C
- 987B53
- 957C5B
- 927D61
- 8E7E68
- 8B7E6E
- 877F74
- 847F7A
تناسق الألوان
متمم +180°
- A2783B
Victorian Gold
- 5983B8
≈ Glaucous
متجاور -30° +30°
- A2783B
Victorian Gold
- B06E51
≈ Santa Fe
- 8A843C
≈ Apeland
ثلاثي +120° +240°
- A2783B
Victorian Gold
- 249292
≈ Atrovirens
- 966FA8
≈ Ce Soir
متمم منقسم +150° +210°
- A2783B
Victorian Gold
- 348CAB
≈ Carol
- 7A79B7
≈ Astro Zinger
رباعي +90° +180° +270°
- A2783B
Victorian Gold
- 429372
≈ Good Luck
- 5983B8
≈ Glaucous
- A9698E
≈ Cure All
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.97:1 · APCA Lc 67
Ag
AAعلى الأسود
WCAG 5.28:1 · APCA Lc 35
أفضل لون للنص: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--victorian-gold: #a2783b;
--victorian-gold-rgb: 162 120 59;
--victorian-gold-oklch: oklch(0.602 0.094 74.5);
}
.element {
color: var(--victorian-gold);
background-color: hsl(36 47% 43%);
border-color: oklch(0.602 0.094 74.5);
}Tailwind CSS v4
@theme {
--color-victorian-gold: #a2783b;
--color-victorian-gold-50: #fff2d8;
--color-victorian-gold-100: #fae4c6;
--color-victorian-gold-200: #ecd0a8;
--color-victorian-gold-300: #d3b181;
--color-victorian-gold-400: #c0965d;
--color-victorian-gold-500: #ab7c37;
--color-victorian-gold-600: #906930;
--color-victorian-gold-700: #745426;
--color-victorian-gold-800: #563d1a;
--color-victorian-gold-900: #3c2a11;
--color-victorian-gold-950: #261704;
}SCSS
$victorian-gold: #a2783b;
$victorian-gold-rgb: 162, 120, 59;
$victorian-gold-light: mix(#fff, $victorian-gold, 20%);
$victorian-gold-dark: mix(#000, $victorian-gold, 20%);
.element {
color: $victorian-gold;
box-shadow: 0 0 0 2px rgba($victorian-gold, 0.35);
}