最接近的命名颜色 · #612C2B
#612C2B
最接近的命名颜色: Jazz
#612C2B（rgb(97 44 43)、hsl(1 39% 27%)、oklch(0.365 0.077 22.7)）最接近命名颜色 Jazz。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#612C2B
oklch(0.365 0.077 22.7)
颜色转换
- HEX
- #612c2b
- RGB
- rgb(97 44 43)
- HSL
- hsl(1 39% 27%)
- HWB
- hwb(1 17% 62%)
- OKLCH
- oklch(0.365 0.077 22.7)
- OKLab
- oklab(0.365 0.071 0.03)
- CIE Lab
- lab(25.6 24.48 12.56)
- LCH
- lch(25.6 27.51 27.2)
- CMYK
- cmyk(0% 55% 56% 62%)
浅色调 · 深色调 · 灰色调
浅色调
- 713F3D
- 815351
- 916764
- A07B79
- B0908E
- C0A6A4
- D0BBBA
- DFD1D0
- EFE8E7
深色调
- 532524
- 461E1D
- 391716
- 2D1110
- 210A0A
- 150505
- 0B0202
- 030101
- 000000
灰色调
- 653533
- 693D3B
- 6C4543
- 704E4C
- 735654
- 765E5D
- 796765
- 7B6F6E
- 7E7877
配色和谐
互补色 +180°
- 612C2B
Jazz
- 00484D
≈ Sherpa Blue
类似色 -30° +30°
三角配色 +120° +240°
分裂互补色 +150° +210°
- 612C2B
Jazz
- 004A3B
≈ Aqua Deep
- 00445F
≈ Loyal Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 11.03:1 · APCA Lc 95
Ag
Fail黑底
WCAG 1.90:1 · APCA Lc 7
最佳文字颜色: #FFFFFF
WCAG 11.03:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--jazz: #612c2b;
--jazz-rgb: 97 44 43;
--jazz-oklch: oklch(0.365 0.077 22.7);
}
.element {
color: var(--jazz);
background-color: hsl(1 39% 27%);
border-color: oklch(0.365 0.077 22.7);
}Tailwind CSS v4
@theme {
--color-jazz: #612c2b;
--color-jazz-50: #ffedea;
--color-jazz-100: #ffdfdb;
--color-jazz-200: #f4c8c4;
--color-jazz-300: #dda9a4;
--color-jazz-400: #c88d89;
--color-jazz-500: #b4716e;
--color-jazz-600: #98605d;
--color-jazz-700: #7a4d4b;
--color-jazz-800: #5a3737;
--color-jazz-900: #3f2625;
--color-jazz-950: #281414;
}SCSS
$jazz: #612c2b;
$jazz-rgb: 97, 44, 43;
$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);
}