最接近的命名颜色 · #774F47
#774F47
最接近的命名颜色: Roasted
#774F47（rgb(119 79 71)、hsl(10 25% 37%)、oklch(0.47 0.056 31.7)）最接近命名颜色 Roasted。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#774F47
oklch(0.47 0.056 31.7)
颜色转换
- HEX
- #774f47
- RGB
- rgb(119 79 71)
- HSL
- hsl(10 25% 37%)
- HWB
- hwb(10 28% 53%)
- OKLCH
- oklch(0.47 0.056 31.7)
- OKLab
- oklab(0.47 0.048 0.029)
- CIE Lab
- lab(38.01 16.55 11.95)
- LCH
- lch(38.01 20.41 35.8)
- CMYK
- cmyk(0% 34% 40% 53%)
浅色调 · 深色调 · 灰色调
浅色调
- 845F58
- 927069
- 9F817A
- AD928C
- BAA39E
- C8B5B1
- D6C7C4
- E3D9D7
- F1ECEB
深色调
- 67443D
- 573832
- 472E28
- 38231F
- 2A1916
- 1C100D
- 100706
- 050202
- 010000
灰色调
- 78544D
- 7A5952
- 7B5E58
- 7C635D
- 7D6863
- 7E6C69
- 7E716F
- 7F7674
- 807B7A
配色和谐
互补色 +180°
- 774F47
Roasted
- 31636D
≈ Pedigree
类似色 -30° +30°
- 774F47
Roasted
- 754D58
≈ Plum Wine
- 725439
≈ Huckleberry Brown
三角配色 +120° +240°
- 774F47
Roasted
- 42644B
≈ Vizcaya Palm
- 4F597B
≈ Nyctophobia Blue
分裂互补色 +150° +210°
- 774F47
Roasted
- 33655D
≈ Alliance
- 3D5F78
≈ Chinese Porcelain
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 7.01:1 · APCA Lc 84
Ag
Fail黑底
WCAG 2.99:1 · APCA Lc 18
最佳文字颜色: #FFFFFF
WCAG 7.01:1 (AAA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--roasted: #774f47;
--roasted-rgb: 119 79 71;
--roasted-oklch: oklch(0.47 0.056 31.7);
}
.element {
color: var(--roasted);
background-color: hsl(10 25% 37%);
border-color: oklch(0.47 0.056 31.7);
}Tailwind CSS v4
@theme {
--color-roasted: #774f47;
--color-roasted-50: #fff0eb;
--color-roasted-100: #fae2dc;
--color-roasted-200: #ebccc5;
--color-roasted-300: #d2aea5;
--color-roasted-400: #bd938a;
--color-roasted-500: #a8796f;
--color-roasted-600: #8e665e;
--color-roasted-700: #72524b;
--color-roasted-800: #543b37;
--color-roasted-900: #3b2926;
--color-roasted-950: #251614;
}SCSS
$roasted: #774f47;
$roasted-rgb: 119, 79, 71;
$roasted-light: mix(#fff, $roasted, 20%);
$roasted-dark: mix(#000, $roasted, 20%);
.element {
color: $roasted;
box-shadow: 0 0 0 2px rgba($roasted, 0.35);
}