最接近的命名颜色 · #453024
#453024
最接近的命名颜色: English Walnut
#453024（rgb(69 48 36)、hsl(22 31% 21%)、oklch(0.33 0.037 50.8)）最接近命名颜色 English Walnut。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#453024
oklch(0.33 0.037 50.8)
颜色转换
- HEX
- #453024
- RGB
- rgb(69 48 36)
- HSL
- hsl(22 31% 21%)
- HWB
- hwb(22 14% 73%)
- OKLCH
- oklch(0.33 0.037 50.8)
- OKLab
- oklab(0.33 0.023 0.029)
- CIE Lab
- lab(22.12 8.55 11.67)
- LCH
- lch(22.12 14.47 53.8)
- CMYK
- cmyk(0% 30% 48% 73%)
浅色调 · 深色调 · 灰色调
浅色调
- 564237
- 67554A
- 79685F
- 8B7C74
- 9E918A
- B0A6A0
- C4BCB7
- D7D2CF
- EBE8E7
深色调
- 3B281E
- 312118
- 271A12
- 1E130C
- 150C07
- 0C0604
- 050302
- 020100
- 000000
灰色调
- 4B382D
- 513F35
- 57473E
- 5C4F47
- 625750
- 685F5A
- 6E6763
- 746F6D
- 7A7876
配色和谐
互补色 +180°
- 453024
English Walnut
- 213945
≈ Astral Nomad
类似色 -30° +30°
- 453024
English Walnut
- 472E2D
≈ Dark Roast
- 3F341F
≈ Lebanon Cedar
三角配色 +120° +240°
- 453024
English Walnut
- 213C33
≈ Palm Green
- 353247
≈ Oil Rush
分裂互补色 +150° +210°
- 453024
English Walnut
- 1C3B3D
≈ Nordic
- 2B3649
≈ German Liquorice
四角配色 +90° +180° +270°
- 453024
English Walnut
- 2B3A28
≈ Palm Green
- 213945
≈ Astral Nomad
- 3E2F41
≈ Disappearing Purple
对比度与无障碍
Ag
AAA白底
WCAG 12.34:1 · APCA Lc 98
Ag
Fail黑底
WCAG 1.70:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 12.34:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--english-walnut: #453024;
--english-walnut-rgb: 69 48 36;
--english-walnut-oklch: oklch(0.33 0.037 50.8);
}
.element {
color: var(--english-walnut);
background-color: hsl(22 31% 21%);
border-color: oklch(0.33 0.037 50.8);
}Tailwind CSS v4
@theme {
--color-english-walnut: #453024;
--color-english-walnut-50: #fef3ec;
--color-english-walnut-100: #f2e5dd;
--color-english-walnut-200: #e2d0c6;
--color-english-walnut-300: #c7b3a6;
--color-english-walnut-400: #b1998b;
--color-english-walnut-500: #9b8070;
--color-english-walnut-600: #836c5f;
--color-english-walnut-700: #69564c;
--color-english-walnut-800: #4d3f37;
--color-english-walnut-900: #362b26;
--color-english-walnut-950: #211914;
}SCSS
$english-walnut: #453024;
$english-walnut-rgb: 69, 48, 36;
$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);
}