أقرب لون مسمّى · #ABA180
#ABA180
أقرب لون مسمّى: Mohalla
#ABA180 (rgb(171 161 128)، hsl(46 20% 59%)، oklch(0.709 0.047 93.2)) أقرب إلى اللون المسمّى Mohalla. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#ABA180
oklch(0.709 0.047 93.2)
تحويلات الألوان
- HEX
- #aba180
- RGB
- rgb(171 161 128)
- HSL
- hsl(46 20% 59%)
- HWB
- hwb(46 50% 33%)
- OKLCH
- oklch(0.709 0.047 93.2)
- OKLab
- oklab(0.709 -0.003 0.047)
- CIE Lab
- lab(66.46 -0.22 18.64)
- LCH
- lch(66.46 18.64 90.7)
- CMYK
- cmyk(0% 6% 25% 33%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B3AA8C
- BBB399
- C4BCA5
- CCC6B2
- D4CFBE
- DDD9CB
- E5E2D8
- EEECE5
- F6F5F2
درجات داكنة
- 948B6E
- 7E765D
- 68624D
- 544E3D
- 403C2E
- 2D2A1F
- 1B1912
- 0B0906
- 010101
درجات رمادية
- A79E80
- A29A80
- 9E9780
- 9A9481
- 959081
- 918D81
- 8D8A80
- 888780
- 848380
تناسق الألوان
متمم +180°
- ABA180
Mohalla
- 97A0BF
≈ Midnight Blush
متجاور -30° +30°
- ABA180
Mohalla
- B79B83
≈ Plush Tan
- 9BA686
≈ Glade
ثلاثي +120° +240°
- ABA180
Mohalla
- 7FA9B3
≈ Equanimity
- B497AE
≈ Roseville
متمم منقسم +150° +210°
- ABA180
Mohalla
- 88A5BD
≈ Notable Hue
- A79ABA
≈ Purple Springs
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.57:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.14:1 · APCA Lc 51
أفضل لون للنص: #000000
WCAG 8.14:1 (AAA) · APCA Lc 51
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mohalla: #aba180;
--mohalla-rgb: 171 161 128;
--mohalla-oklch: oklch(0.709 0.047 93.2);
}
.element {
color: var(--mohalla);
background-color: hsl(46 20% 59%);
border-color: oklch(0.709 0.047 93.2);
}Tailwind CSS v4
@theme {
--color-mohalla: #aba180;
--color-mohalla-50: #f9f5e6;
--color-mohalla-100: #ece8d7;
--color-mohalla-200: #dad4be;
--color-mohalla-300: #bfb89d;
--color-mohalla-400: #a89e7f;
--color-mohalla-500: #918662;
--color-mohalla-600: #7a7154;
--color-mohalla-700: #625b43;
--color-mohalla-800: #484230;
--color-mohalla-900: #322e20;
--color-mohalla-950: #1e1a10;
}SCSS
$mohalla: #aba180;
$mohalla-rgb: 171, 161, 128;
$mohalla-light: mix(#fff, $mohalla, 20%);
$mohalla-dark: mix(#000, $mohalla, 20%);
.element {
color: $mohalla;
box-shadow: 0 0 0 2px rgba($mohalla, 0.35);
}