最接近的命名颜色 · #442B1D
#442B1D
最接近的命名颜色: English Walnut
#442B1D（rgb(68 43 29)、hsl(22 40% 19%)、oklch(0.316 0.044 49.8)）最接近命名颜色 English Walnut。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#442B1D
oklch(0.316 0.044 49.8)
颜色转换
- HEX
- #442b1d
- RGB
- rgb(68 43 29)
- HSL
- hsl(22 40% 19%)
- HWB
- hwb(22 11% 73%)
- OKLCH
- oklch(0.316 0.044 49.8)
- OKLab
- oklab(0.316 0.028 0.034)
- CIE Lab
- lab(20.41 10.58 14.06)
- LCH
- lch(20.41 17.6 53)
- CMYK
- cmyk(0% 37% 57% 73%)
浅色调 · 深色调 · 灰色调
浅色调
- 553D30
- 675145
- 79645A
- 8B796F
- 9D8E86
- B0A49D
- C4BAB5
- D7D0CD
- EBE7E6
深色调
- 3A2418
- 301D13
- 26160E
- 1D1009
- 140A05
- 0C0503
- 050201
- 020100
- 000000
灰色调
- 4A3326
- 503B30
- 564339
- 5C4C43
- 62544D
- 685D57
- 6E6561
- 746E6B
- 7A7775
配色和谐
互补色 +180°
- 442B1D
English Walnut
- 173644
≈ Into the Night
类似色 -30° +30°
- 442B1D
English Walnut
- 462828
≈ Rookwood Dark Red
- 3E2F16
≈ Pullman Green
三角配色 +120° +240°
- 442B1D
English Walnut
- 18392E
≈ Palm Green
- 312E47
≈ Black Blueberry
分裂互补色 +150° +210°
- 442B1D
English Walnut
- 10393B
≈ Customs Green
- 243248
≈ Crow Black
四角配色 +90° +180° +270°
- 442B1D
English Walnut
- 263722
≈ Black Leather Jacket
- 173644
≈ Into the Night
- 3C2A40
≈ Aubergine Mauve
对比度与无障碍
Ag
AAA白底
WCAG 13.05:1 · APCA Lc 99
Ag
Fail黑底
WCAG 1.60:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 13.05:1 (AAA) · APCA Lc 99
Contrast pairs
代码片段
CSS
:root {
--english-walnut: #442b1d;
--english-walnut-rgb: 68 43 29;
--english-walnut-oklch: oklch(0.316 0.044 49.8);
}
.element {
color: var(--english-walnut);
background-color: hsl(22 40% 19%);
border-color: oklch(0.316 0.044 49.8);
}Tailwind CSS v4
@theme {
--color-english-walnut: #442b1d;
--color-english-walnut-50: #fff2ea;
--color-english-walnut-100: #f5e4db;
--color-english-walnut-200: #e4cfc3;
--color-english-walnut-300: #cbb2a3;
--color-english-walnut-400: #b59788;
--color-english-walnut-500: #9f7e6c;
--color-english-walnut-600: #866b5c;
--color-english-walnut-700: #6c5549;
--color-english-walnut-800: #503e35;
--color-english-walnut-900: #372b24;
--color-english-walnut-950: #221813;
}SCSS
$english-walnut: #442b1d;
$english-walnut-rgb: 68, 43, 29;
$english-walnut-light: mix(#fff, $english-walnut, 20%);
$english-walnut-dark: mix(#000, $english-walnut, 20%);
.element {
color: $english-walnut;
box-shadow: 0 0 0 2px rgba($english-walnut, 0.35);
}