最接近的命名颜色 · #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);
}