لون مسمّى · #AE8E5F
Alpha Gold
Alpha Gold هو #AE8E5F: rgb(174 142 95)، hsl(36 33% 53%)، oklch(0.665 0.074 76.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Alpha Gold color name →
#AE8E5F
oklch(0.665 0.074 76.5)
تحويلات الألوان
- HEX
- #ae8e5f
- RGB
- rgb(174 142 95)
- HSL
- hsl(36 33% 53%)
- HWB
- hwb(36 37% 32%)
- OKLCH
- oklch(0.665 0.074 76.5)
- OKLab
- oklab(0.665 0.017 0.072)
- CIE Lab
- lab(61.22 7.86 29.79)
- LCH
- lch(61.22 30.81 75.2)
- CMYK
- cmyk(0% 18% 45% 32%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B6996F
- BEA47F
- C6AF8E
- CEBA9E
- D6C6AE
- DED1BE
- E7DCCE
- EFE8DE
- F7F3EF
درجات داكنة
- 977B52
- 806844
- 6A5638
- 55442C
- 413420
- 2E2415
- 1C150A
- 0B0703
- 010100
درجات رمادية
- A98D63
- A58B67
- A08A6A
- 9C896E
- 978771
- 928674
- 8E8577
- 89837A
- 85827D
تناسق الألوان
متمم +180°
- AE8E5F
Alpha Gold
- 7696C1
≈ Denver River
متجاور -30° +30°
- AE8E5F
Alpha Gold
- BA866D
≈ Red Gravel
- 999761
≈ Hiking
ثلاثي +120° +240°
- AE8E5F
Alpha Gold
- 58A2A3
≈ Teal Bayou
- A686B3
≈ Purple Statice
متمم منقسم +150° +210°
- AE8E5F
Alpha Gold
- 609DB7
≈ Lake Lucerne
- 908DC0
≈ Carriage Ride
رباعي +90° +180° +270°
- AE8E5F
Alpha Gold
- 65A38A
≈ Sea Lettuce
- 7696C1
≈ Denver River
- B6819D
≈ Antique Hot Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.07:1 · APCA Lc 58
Ag
AAعلى الأسود
WCAG 6.83:1 · APCA Lc 44
أفضل لون للنص: #000000
WCAG 6.83:1 (AA) · APCA Lc 44
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--alpha-gold: #ae8e5f;
--alpha-gold-rgb: 174 142 95;
--alpha-gold-oklch: oklch(0.665 0.074 76.5);
}
.element {
color: var(--alpha-gold);
background-color: hsl(36 33% 53%);
border-color: oklch(0.665 0.074 76.5);
}Tailwind CSS v4
@theme {
--color-alpha-gold: #ae8e5f;
--color-alpha-gold-50: #fff3de;
--color-alpha-gold-100: #f6e6cd;
--color-alpha-gold-200: #e6d1b1;
--color-alpha-gold-300: #ccb38d;
--color-alpha-gold-400: #b8996c;
--color-alpha-gold-500: #a2804b;
--color-alpha-gold-600: #896c41;
--color-alpha-gold-700: #6e5633;
--color-alpha-gold-800: #523f24;
--color-alpha-gold-900: #392b18;
--color-alpha-gold-950: #231809;
}SCSS
$alpha-gold: #ae8e5f;
$alpha-gold-rgb: 174, 142, 95;
$alpha-gold-light: mix(#fff, $alpha-gold, 20%);
$alpha-gold-dark: mix(#000, $alpha-gold, 20%);
.element {
color: $alpha-gold;
box-shadow: 0 0 0 2px rgba($alpha-gold, 0.35);
}