أقرب لون مسمّى · #745D4D
#745D4D
أقرب لون مسمّى: Baby Bear
#745D4D (rgb(116 93 77)، hsl(25 20% 38%)، oklch(0.497 0.039 56.5)) أقرب إلى اللون المسمّى Baby Bear. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#745D4D
oklch(0.497 0.039 56.5)
تحويلات الألوان
- HEX
- #745d4d
- RGB
- rgb(116 93 77)
- HSL
- hsl(25 20% 38%)
- HWB
- hwb(25 30% 55%)
- OKLCH
- oklch(0.497 0.039 56.5)
- OKLab
- oklab(0.497 0.021 0.032)
- CIE Lab
- lab(41.51 7.81 12.95)
- LCH
- lch(41.51 15.12 58.9)
- CMYK
- cmyk(0% 20% 34% 55%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 816C5D
- 8F7B6E
- 9C8B7F
- AA9B90
- B8ABA2
- C6BBB4
- D4CCC6
- E2DDD9
- F0EEEC
درجات داكنة
- 645042
- 544337
- 45372C
- 372A22
- 291F18
- 1B140F
- 0F0A07
- 050302
- 010000
درجات رمادية
- 756052
- 776457
- 78675C
- 796B61
- 7A6E66
- 7C726B
- 7D7571
- 7E7976
- 7F7C7B
تناسق الألوان
متمم +180°
- 745D4D
Baby Bear
- 4D6676
≈ Prairie Denim
متجاور -30° +30°
- 745D4D
Baby Bear
- 775A57
≈ Sequoia Dusk
- 6C6149
≈ Overgrown Trees
ثلاثي +120° +240°
- 745D4D
Baby Bear
- 4B6A62
≈ Riverbend
- 645E76
≈ Purple Passage
متمم منقسم +150° +210°
- 745D4D
Baby Bear
- 48696D
≈ Mythic Forest
- 586279
≈ Presumption
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.14:1 · APCA Lc 81
Ag
Failعلى الأسود
WCAG 3.41:1 · APCA Lc 21
أفضل لون للنص: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--baby-bear: #745d4d;
--baby-bear-rgb: 116 93 77;
--baby-bear-oklch: oklch(0.497 0.039 56.5);
}
.element {
color: var(--baby-bear);
background-color: hsl(25 20% 38%);
border-color: oklch(0.497 0.039 56.5);
}Tailwind CSS v4
@theme {
--color-baby-bear: #745d4d;
--color-baby-bear-50: #fef3ea;
--color-baby-bear-100: #f2e5db;
--color-baby-bear-200: #e2d1c4;
--color-baby-bear-300: #c7b3a4;
--color-baby-bear-400: #b19989;
--color-baby-bear-500: #9b806d;
--color-baby-bear-600: #836c5d;
--color-baby-bear-700: #69574a;
--color-baby-bear-800: #4d3f36;
--color-baby-bear-900: #362b25;
--color-baby-bear-950: #211913;
}SCSS
$baby-bear: #745d4d;
$baby-bear-rgb: 116, 93, 77;
$baby-bear-light: mix(#fff, $baby-bear, 20%);
$baby-bear-dark: mix(#000, $baby-bear, 20%);
.element {
color: $baby-bear;
box-shadow: 0 0 0 2px rgba($baby-bear, 0.35);
}