命名颜色 · #754D42
November Foliage
November Foliage 即 #754D42：rgb(117 77 66)、hsl(13 28% 36%)、oklch(0.462 0.058 36)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · November Foliage color name →
#754D42
oklch(0.462 0.058 36)
颜色转换
- HEX
- #754d42
- RGB
- rgb(117 77 66)
- HSL
- hsl(13 28% 36%)
- HWB
- hwb(13 26% 54%)
- OKLCH
- oklch(0.462 0.058 36)
- OKLab
- oklab(0.462 0.047 0.034)
- CIE Lab
- lab(37.13 16.35 13.79)
- LCH
- lch(37.13 21.39 40.2)
- CMYK
- cmyk(0% 34% 44% 54%)
浅色调 · 深色调 · 灰色调
浅色调
- 835D53
- 906E65
- 9E7F77
- AB9089
- B9A29C
- C7B4AF
- D5C6C2
- E3D9D6
- F1ECEA
深色调
- 654238
- 55372F
- 462C25
- 37221C
- 291814
- 1C0F0B
- 0F0705
- 050201
- 010000
灰色调
- 775248
- 78574E
- 795C54
- 7B615A
- 7C6761
- 7D6C67
- 7E716D
- 7F7673
- 7F7B7A
配色和谐
互补色 +180°
- 754D42
November Foliage
- 2E616D
≈ After the Storm
类似色 -30° +30°
- 754D42
November Foliage
- 744B53
≈ Madder
- 6F5235
≈ Rustic Cabin
三角配色 +120° +240°
- 754D42
November Foliage
- 3D624B
≈ Windy Pine
- 505679
≈ Alpha Centauri
分裂互补色 +150° +210°
- 754D42
November Foliage
- 2E635D
≈ Strong Sage
- 3D5C77
≈ China Pattern
四角配色 +90° +180° +270°
- 754D42
November Foliage
- 505F3B
≈ Shallot Leaf
- 2E616D
≈ After the Storm
- 605072
≈ Futaai Indigo
对比度与无障碍
Ag
AAA白底
WCAG 7.24:1 · APCA Lc 85
Ag
Fail黑底
WCAG 2.89:1 · APCA Lc 17
最佳文字颜色: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--november-foliage: #754d42;
--november-foliage-rgb: 117 77 66;
--november-foliage-oklch: oklch(0.462 0.058 36);
}
.element {
color: var(--november-foliage);
background-color: hsl(13 28% 36%);
border-color: oklch(0.462 0.058 36);
}Tailwind CSS v4
@theme {
--color-november-foliage: #754d42;
--color-november-foliage-50: #fff0e9;
--color-november-foliage-100: #fae2da;
--color-november-foliage-200: #ebccc3;
--color-november-foliage-300: #d3aea2;
--color-november-foliage-400: #be9387;
--color-november-foliage-500: #a8796c;
--color-november-foliage-600: #8e665b;
--color-november-foliage-700: #725249;
--color-november-foliage-800: #543b35;
--color-november-foliage-900: #3b2924;
--color-november-foliage-950: #251613;
}SCSS
$november-foliage: #754d42;
$november-foliage-rgb: 117, 77, 66;
$november-foliage-light: mix(#fff, $november-foliage, 20%);
$november-foliage-dark: mix(#000, $november-foliage, 20%);
.element {
color: $november-foliage;
box-shadow: 0 0 0 2px rgba($november-foliage, 0.35);
}