أقرب لون مسمّى · #A04D4C
#A04D4C
أقرب لون مسمّى: Lumberjack
#A04D4C (rgb(160 77 76)، hsl(1 36% 46%)، oklch(0.524 0.111 22.3)) أقرب إلى اللون المسمّى Lumberjack. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A04D4C
oklch(0.524 0.111 22.3)
تحويلات الألوان
- HEX
- #a04d4c
- RGB
- rgb(160 77 76)
- HSL
- hsl(1 36% 46%)
- HWB
- hwb(1 30% 37%)
- OKLCH
- oklch(0.524 0.111 22.3)
- OKLab
- oklab(0.524 0.102 0.042)
- CIE Lab
- lab(43.62 35.08 17.64)
- LCH
- lch(43.62 39.26 26.7)
- CMYK
- cmyk(0% 52% 52% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AB5F5C
- B5706D
- BF817E
- C99390
- D3A4A2
- DCB6B4
- E5C8C6
- EEDAD9
- F7EDEC
درجات داكنة
- 8B4241
- 763736
- 612C2C
- 4E2222
- 3B1818
- 290F0F
- 190706
- 090202
- 010000
درجات رمادية
- 9E5351
- 9B5957
- 995E5C
- 966361
- 936866
- 906D6B
- 8C7270
- 897776
- 847B7B
تناسق الألوان
متمم +180°
- A04D4C
Lumberjack
- 007980
≈ Aqua Nation
متجاور -30° +30°
- A04D4C
Lumberjack
- 994C70
≈ Befitting
- 9B5525
≈ Mammoth Wool
ثلاثي +120° +240°
- A04D4C
Lumberjack
- 417A3C
≈ Hills of Ireland
- 4668AA
≈ Indigo Batik
متمم منقسم +150° +210°
- A04D4C
Lumberjack
- 007C64
≈ Turquoise Cyan
- 00739D
≈ Tofino Belue
رباعي +90° +180° +270°
- A04D4C
Lumberjack
- 6C700F
≈ Brownish Green
- 007980
≈ Aqua Nation
- 6C5CA4
≈ Sumire Violet
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.73:1 · APCA Lc 78
Ag
Failعلى الأسود
WCAG 3.66:1 · APCA Lc 24
أفضل لون للنص: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lumberjack: #a04d4c;
--lumberjack-rgb: 160 77 76;
--lumberjack-oklch: oklch(0.524 0.111 22.3);
}
.element {
color: var(--lumberjack);
background-color: hsl(1 36% 46%);
border-color: oklch(0.524 0.111 22.3);
}Tailwind CSS v4
@theme {
--color-lumberjack: #a04d4c;
--color-lumberjack-50: #ffeae6;
--color-lumberjack-100: #ffdad6;
--color-lumberjack-200: #ffc2bd;
--color-lumberjack-300: #eba19c;
--color-lumberjack-400: #d88380;
--color-lumberjack-500: #c56664;
--color-lumberjack-600: #a65755;
--color-lumberjack-700: #864544;
--color-lumberjack-800: #633132;
--color-lumberjack-900: #462222;
--color-lumberjack-950: #2d1111;
}SCSS
$lumberjack: #a04d4c;
$lumberjack-rgb: 160, 77, 76;
$lumberjack-light: mix(#fff, $lumberjack, 20%);
$lumberjack-dark: mix(#000, $lumberjack, 20%);
.element {
color: $lumberjack;
box-shadow: 0 0 0 2px rgba($lumberjack, 0.35);
}