命名颜色 · #A37C79
Brandied Apple
Brandied Apple 即 #A37C79：rgb(163 124 121)、hsl(4 19% 56%)、oklch(0.623 0.049 23.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Brandied Apple color name →
#A37C79
oklch(0.623 0.049 23.6)
颜色转换
- HEX
- #a37c79
- RGB
- rgb(163 124 121)
- HSL
- hsl(4 19% 56%)
- HWB
- hwb(4 47% 36%)
- OKLCH
- oklch(0.623 0.049 23.6)
- OKLab
- oklab(0.623 0.045 0.02)
- CIE Lab
- lab(55.84 15.28 7.82)
- LCH
- lch(55.84 17.16 27.1)
- CMYK
- cmyk(0% 24% 26% 36%)
浅色调 · 深色调 · 灰色调
浅色调
- AC8886
- B59592
- BFA29F
- C8AFAD
- D1BCBA
- DAC9C7
- E3D6D5
- EDE4E3
- F6F1F1
深色调
- 8D6B68
- 785A58
- 634A48
- 4F3B39
- 3C2C2B
- 2A1E1D
- 191110
- 0A0505
- 010101
灰色调
- A07C7A
- 9C7D7A
- 997D7B
- 957E7C
- 927E7D
- 8F7F7D
- 8B7F7E
- 877F7F
- 84807F
配色和谐
互补色 +180°
- A37C79
Brandied Apple
- 639095
≈ Tranquil Seashore
类似色 -30° +30°
- A37C79
Brandied Apple
- A07B89
≈ Dusky Orchid
- 9F806C
≈ Beaver Kit
三角配色 +120° +240°
- A37C79
Brandied Apple
- 768F74
≈ Loden Frost
- 7887A6
≈ Enchanting Sky
分裂互补色 +150° +210°
- A37C79
Brandied Apple
- 689185
≈ Pine Ridge
- 6A8DA0
≈ Leisure Blue
四角配色 +90° +180° +270°
- A37C79
Brandied Apple
- 878B69
≈ Pesto Paste
- 639095
≈ Tranquil Seashore
- 8882A3
≈ Live Jazz
对比度与无障碍
Ag
Fail白底
WCAG 3.67:1 · APCA Lc 64
Ag
AA黑底
WCAG 5.71:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.71:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--brandied-apple: #a37c79;
--brandied-apple-rgb: 163 124 121;
--brandied-apple-oklch: oklch(0.623 0.049 23.6);
}
.element {
color: var(--brandied-apple);
background-color: hsl(4 19% 56%);
border-color: oklch(0.623 0.049 23.6);
}Tailwind CSS v4
@theme {
--color-brandied-apple: #a37c79;
--color-brandied-apple-50: #fff0ee;
--color-brandied-apple-100: #f8e2df;
--color-brandied-apple-200: #e9cdca;
--color-brandied-apple-300: #d0aeab;
--color-brandied-apple-400: #ba9491;
--color-brandied-apple-500: #a47a77;
--color-brandied-apple-600: #8b6764;
--color-brandied-apple-700: #6f5250;
--color-brandied-apple-800: #523c3b;
--color-brandied-apple-900: #392928;
--color-brandied-apple-950: #241716;
}SCSS
$brandied-apple: #a37c79;
$brandied-apple-rgb: 163, 124, 121;
$brandied-apple-light: mix(#fff, $brandied-apple, 20%);
$brandied-apple-dark: mix(#000, $brandied-apple, 20%);
.element {
color: $brandied-apple;
box-shadow: 0 0 0 2px rgba($brandied-apple, 0.35);
}