最接近的命名颜色 · #B67C73
#B67C73
最接近的命名颜色: Morocco
#B67C73（rgb(182 124 115)、hsl(8 31% 58%)、oklch(0.643 0.074 29)）最接近命名颜色 Morocco。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B67C73
oklch(0.643 0.074 29)
颜色转换
- HEX
- #b67c73
- RGB
- rgb(182 124 115)
- HSL
- hsl(8 31% 58%)
- HWB
- hwb(8 45% 29%)
- OKLCH
- oklch(0.643 0.074 29)
- OKLab
- oklab(0.643 0.065 0.036)
- CIE Lab
- lab(57.94 22.39 14.56)
- LCH
- lch(57.94 26.71 33)
- CMYK
- cmyk(0% 32% 37% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- BE8980
- C5958E
- CDA29B
- D4AFA9
- DCBCB7
- E3C9C5
- EAD7D3
- F1E4E2
- F8F1F0
深色调
- 9E6B63
- 865A54
- 6F4A45
- 593B36
- 442C28
- 301E1B
- 1D110F
- 0C0505
- 020101
灰色调
- B17D74
- AC7D76
- A77E77
- A17E79
- 9C7F7A
- 977F7B
- 917F7C
- 8B807E
- 86807F
配色和谐
互补色 +180°
- B67C73
Morocco
- 519AA5
≈ Acapulco Cliffs
类似色 -30° +30°
- B67C73
Morocco
- B37A8C
≈ Foxglove
- AF825F
≈ Sylvaneth Bark
三角配色 +120° +240°
- B67C73
Morocco
- 6D9A74
≈ Oxley
- 7A8BBB
≈ Larkspur Bouquet
分裂互补色 +150° +210°
- B67C73
Morocco
- 569C8E
≈ Petrol Green
- 6194B6
≈ Empire Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.43:1 · APCA Lc 62
Ag
AA黑底
WCAG 6.11:1 · APCA Lc 40
最佳文字颜色: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
代码片段
CSS
:root {
--morocco: #b67c73;
--morocco-rgb: 182 124 115;
--morocco-oklch: oklch(0.643 0.074 29);
}
.element {
color: var(--morocco);
background-color: hsl(8 31% 58%);
border-color: oklch(0.643 0.074 29);
}Tailwind CSS v4
@theme {
--color-morocco: #b67c73;
--color-morocco-50: #ffeee8;
--color-morocco-100: #ffdfd9;
--color-morocco-200: #f2c9c1;
--color-morocco-300: #dbaaa0;
--color-morocco-400: #c78e85;
--color-morocco-500: #b2736a;
--color-morocco-600: #97625a;
--color-morocco-700: #794e47;
--color-morocco-800: #593834;
--color-morocco-900: #3f2724;
--color-morocco-950: #281513;
}SCSS
$morocco: #b67c73;
$morocco-rgb: 182, 124, 115;
$morocco-light: mix(#fff, $morocco, 20%);
$morocco-dark: mix(#000, $morocco, 20%);
.element {
color: $morocco;
box-shadow: 0 0 0 2px rgba($morocco, 0.35);
}