最接近的命名颜色 · #572B2F
#572B2F
最接近的命名颜色: Jazz
#572B2F（rgb(87 43 47)、hsl(355 34% 25%)、oklch(0.349 0.065 15.3)）最接近命名颜色 Jazz。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#572B2F
oklch(0.349 0.065 15.3)
颜色转换
- HEX
- #572b2f
- RGB
- rgb(87 43 47)
- HSL
- hsl(355 34% 25%)
- HWB
- hwb(355 17% 66%)
- OKLCH
- oklch(0.349 0.065 15.3)
- OKLab
- oklab(0.349 0.063 0.017)
- CIE Lab
- lab(23.75 21.04 7.06)
- LCH
- lch(23.75 22.19 18.5)
- CMYK
- cmyk(0% 51% 46% 66%)
浅色调 · 深色调 · 灰色调
浅色调
- 673E41
- 785154
- 886567
- 997A7B
- AA8F90
- BBA4A5
- CBBABB
- DDD1D1
- EEE8E8
深色调
- 4B2427
- 3E1D20
- 331619
- 271012
- 1C0A0C
- 120506
- 080203
- 030101
- 000000
灰色调
- 5C3337
- 603C3E
- 654446
- 694C4E
- 6D5556
- 715D5E
- 756666
- 796F6F
- 7D7777
配色和谐
互补色 +180°
- 572B2F
Jazz
- 004444
≈ Dark Side
类似色 -30° +30°
- 572B2F
Jazz
- 522C42
≈ Potent Purple
- 562E1C
≈ Boson Brown
三角配色 +120° +240°
- 572B2F
Jazz
- 2B421E
≈ Forestry
- 223B5B
≈ Navy Peony
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 11.71:1 · APCA Lc 97
Ag
Fail黑底
WCAG 1.79:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 11.71:1 (AAA) · APCA Lc 97
Contrast pairs
代码片段
CSS
:root {
--jazz: #572b2f;
--jazz-rgb: 87 43 47;
--jazz-oklch: oklch(0.349 0.065 15.3);
}
.element {
color: var(--jazz);
background-color: hsl(355 34% 25%);
border-color: oklch(0.349 0.065 15.3);
}Tailwind CSS v4
@theme {
--color-jazz: #572b2f;
--color-jazz-50: #ffeeee;
--color-jazz-100: #fde0e0;
--color-jazz-200: #efcaca;
--color-jazz-300: #d7abab;
--color-jazz-400: #c28f92;
--color-jazz-500: #ad7578;
--color-jazz-600: #926366;
--color-jazz-700: #754f51;
--color-jazz-800: #57393c;
--color-jazz-900: #3c2729;
--color-jazz-950: #261517;
}SCSS
$jazz: #572b2f;
$jazz-rgb: 87, 43, 47;
$jazz-light: mix(#fff, $jazz, 20%);
$jazz-dark: mix(#000, $jazz, 20%);
.element {
color: $jazz;
box-shadow: 0 0 0 2px rgba($jazz, 0.35);
}