أقرب لون مسمّى · #7E4B35
#7E4B35
أقرب لون مسمّى: Cigar
#7E4B35 (rgb(126 75 53)، hsl(18 41% 35%)، oklch(0.467 0.077 43.8)) أقرب إلى اللون المسمّى Cigar. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#7E4B35
oklch(0.467 0.077 43.8)
تحويلات الألوان
- HEX
- #7e4b35
- RGB
- rgb(126 75 53)
- HSL
- hsl(18 41% 35%)
- HWB
- hwb(18 21% 51%)
- OKLCH
- oklch(0.467 0.077 43.8)
- OKLab
- oklab(0.467 0.056 0.054)
- CIE Lab
- lab(37.67 20.49 22.67)
- LCH
- lch(37.67 30.56 47.9)
- CMYK
- cmyk(0% 40% 58% 51%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8B5C48
- 986D5B
- A57E6E
- B29081
- BFA295
- CCB4AA
- D8C6BF
- E5D9D4
- F2ECE9
درجات داكنة
- 6D402D
- 5C3525
- 4C2B1D
- 3C2115
- 2D170E
- 1F0E08
- 110603
- 050201
- 010000
درجات رمادية
- 7F513D
- 7F5644
- 805B4C
- 806153
- 81665B
- 816B62
- 81706A
- 817671
- 807B79
تناسق الألوان
متمم +180°
- 7E4B35
Cigar
- 1B637A
≈ Blue Enchantment
متجاور -30° +30°
- 7E4B35
Cigar
- 7F474D
≈ Desert Canyon
- 745323
≈ Bark Brown
ثلاثي +120° +240°
متمم منقسم +150° +210°
- 7E4B35
Cigar
- 0A6766
≈ Teal Beak
- 3A5C84
≈ Pelagic
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.13:1 · APCA Lc 85
Ag
Failعلى الأسود
WCAG 2.94:1 · APCA Lc 17
أفضل لون للنص: #FFFFFF
WCAG 7.13:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cigar: #7e4b35;
--cigar-rgb: 126 75 53;
--cigar-oklch: oklch(0.467 0.077 43.8);
}
.element {
color: var(--cigar);
background-color: hsl(18 41% 35%);
border-color: oklch(0.467 0.077 43.8);
}Tailwind CSS v4
@theme {
--color-cigar: #7e4b35;
--color-cigar-50: #ffefe3;
--color-cigar-100: #ffe1d3;
--color-cigar-200: #f2cbb9;
--color-cigar-300: #daac97;
--color-cigar-400: #c69079;
--color-cigar-500: #b2755c;
--color-cigar-600: #96634e;
--color-cigar-700: #784f3e;
--color-cigar-800: #59392d;
--color-cigar-900: #3e271e;
--color-cigar-950: #28150e;
}SCSS
$cigar: #7e4b35;
$cigar-rgb: 126, 75, 53;
$cigar-light: mix(#fff, $cigar, 20%);
$cigar-dark: mix(#000, $cigar, 20%);
.element {
color: $cigar;
box-shadow: 0 0 0 2px rgba($cigar, 0.35);
}