أقرب لون مسمّى · #B89285
#B89285
أقرب لون مسمّى: Muddy Mire
#B89285 (rgb(184 146 133)، hsl(15 26% 62%)، oklch(0.692 0.05 39.7)) أقرب إلى اللون المسمّى Muddy Mire. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#B89285
oklch(0.692 0.05 39.7)
تحويلات الألوان
- HEX
- #b89285
- RGB
- rgb(184 146 133)
- HSL
- hsl(15 26% 62%)
- HWB
- hwb(15 52% 28%)
- OKLCH
- oklch(0.692 0.05 39.7)
- OKLab
- oklab(0.692 0.038 0.032)
- CIE Lab
- lab(63.91 13.33 12.65)
- LCH
- lch(63.91 18.37 43.5)
- CMYK
- cmyk(0% 21% 28% 28%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BF9D91
- C6A79C
- CEB2A8
- D5BDB4
- DCC7C0
- E3D2CD
- EADDD9
- F1E9E6
- F8F4F2
درجات داكنة
- A07E73
- 886B61
- 715850
- 5B4640
- 453530
- 312521
- 1E1613
- 0C0806
- 020101
درجات رمادية
- B29085
- AD8F84
- A78D84
- A28B83
- 9C8983
- 978782
- 918682
- 8B8481
- 868281
تناسق الألوان
متمم +180°
- B89285
Muddy Mire
- 79A4B1
≈ Inner Sanctum
متجاور -30° +30°
- B89285
Muddy Mire
- B89095
≈ Cherry Juice
- B0977B
≈ Country Dweller
ثلاثي +120° +240°
- B89285
Muddy Mire
- 82A691
≈ Bristol Green
- 9599BB
≈ Thistle Down
متمم منقسم +150° +210°
- B89285
Muddy Mire
- 78A6A2
≈ Steel Pan Mallet
- 859FBA
≈ Astro Bound
رباعي +90° +180° +270°
- B89285
Muddy Mire
- 92A382
≈ Sonoma Sage
- 79A4B1
≈ Inner Sanctum
- A594B4
≈ Gleeful Joy
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.80:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.48:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--muddy-mire: #b89285;
--muddy-mire-rgb: 184 146 133;
--muddy-mire-oklch: oklch(0.692 0.05 39.7);
}
.element {
color: var(--muddy-mire);
background-color: hsl(15 26% 62%);
border-color: oklch(0.692 0.05 39.7);
}Tailwind CSS v4
@theme {
--color-muddy-mire: #b89285;
--color-muddy-mire-50: #fff1ea;
--color-muddy-mire-100: #f7e3db;
--color-muddy-mire-200: #e8cec4;
--color-muddy-mire-300: #cfb0a4;
--color-muddy-mire-400: #b99589;
--color-muddy-mire-500: #a47b6d;
--color-muddy-mire-600: #8a695d;
--color-muddy-mire-700: #6f534a;
--color-muddy-mire-800: #523d36;
--color-muddy-mire-900: #392a25;
--color-muddy-mire-950: #231713;
}SCSS
$muddy-mire: #b89285;
$muddy-mire-rgb: 184, 146, 133;
$muddy-mire-light: mix(#fff, $muddy-mire, 20%);
$muddy-mire-dark: mix(#000, $muddy-mire, 20%);
.element {
color: $muddy-mire;
box-shadow: 0 0 0 2px rgba($muddy-mire, 0.35);
}