أقرب لون مسمّى · #A04900
#A04900
أقرب لون مسمّى: Brownie
#A04900 (rgb(160 73 0)، hsl(27 100% 31%)، oklch(0.509 0.135 50)) أقرب إلى اللون المسمّى Brownie. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A04900
oklch(0.509 0.135 50)
تحويلات الألوان
- HEX
- #a04900
- RGB
- rgb(160 73 0)
- HSL
- hsl(27 100% 31%)
- HWB
- hwb(27 0% 37%)
- OKLCH
- oklch(0.509 0.135 50)
- OKLab
- oklab(0.509 0.087 0.103)
- CIE Lab
- lab(42.15 34.55 52.32)
- LCH
- lch(42.15 62.7 56.6)
- CMYK
- cmyk(0% 54% 100% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AB5C2A
- B56E44
- C0805B
- CA9172
- D3A389
- DCB5A0
- E5C8B8
- EEDACF
- F7ECE7
درجات داكنة
- 8B3E00
- 763400
- 612A00
- 4E2000
- 3B1700
- 290E00
- 190600
- 090200
- 010000
درجات رمادية
- 9E501C
- 9B562C
- 995C39
- 966244
- 93674F
- 906D59
- 8C7263
- 89776D
- 857B76
تناسق الألوان
متمم +180°
- A04900
Brownie
- 006F94
≈ Tropic Sea
متجاور -30° +30°
- A04900
Brownie
- A53F45
≈ Moonrose
- 855E00
≈ Soil of Avagddu
ثلاثي +120° +240°
- A04900
Brownie
- 00785D
≈ Emerald Dream
- 6655AC
≈ Blue Marguerite
متمم منقسم +150° +210°
- A04900
Brownie
- 007479
≈ Maxi Teal
- 3463B2
≈ Adventure of the Seas
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.09:1 · APCA Lc 80
Ag
Failعلى الأسود
WCAG 3.44:1 · APCA Lc 22
أفضل لون للنص: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--brownie: #a04900;
--brownie-rgb: 160 73 0;
--brownie-oklch: oklch(0.509 0.135 50);
}
.element {
color: var(--brownie);
background-color: hsl(27 100% 31%);
border-color: oklch(0.509 0.135 50);
}Tailwind CSS v4
@theme {
--color-brownie: #a04900;
--color-brownie-50: #ffebd3;
--color-brownie-100: #ffdcbf;
--color-brownie-200: #ffc59f;
--color-brownie-300: #eea476;
--color-brownie-400: #dd8551;
--color-brownie-500: #ca6723;
--color-brownie-600: #ab5720;
--color-brownie-700: #89461a;
--color-brownie-800: #673212;
--color-brownie-900: #48220b;
--color-brownie-950: #2f1001;
}SCSS
$brownie: #a04900;
$brownie-rgb: 160, 73, 0;
$brownie-light: mix(#fff, $brownie, 20%);
$brownie-dark: mix(#000, $brownie, 20%);
.element {
color: $brownie;
box-shadow: 0 0 0 2px rgba($brownie, 0.35);
}