最接近的命名颜色 · #683100
#683100
最接近的命名颜色: Meatloaf
#683100（rgb(104 49 0)、hsl(28 100% 20%)、oklch(0.38 0.096 53.7)）最接近命名颜色 Meatloaf。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#683100
oklch(0.38 0.096 53.7)
颜色转换
- HEX
- #683100
- RGB
- rgb(104 49 0)
- HSL
- hsl(28 100% 20%)
- HWB
- hwb(28 0% 59%)
- OKLCH
- oklch(0.38 0.096 53.7)
- OKLab
- oklab(0.38 0.057 0.077)
- CIE Lab
- lab(27.52 23.13 38.19)
- LCH
- lch(27.52 44.65 58.8)
- CMYK
- cmyk(0% 53% 100% 59%)
浅色调 · 深色调 · 灰色调
浅色调
- 774420
- 875839
- 966B50
- A57F68
- B49480
- C3A998
- D2BEB1
- E1D3CB
- F0E9E5
深色调
- 592900
- 4B2200
- 3E1A00
- 301300
- 240C00
- 180600
- 0C0300
- 040100
- 000000
灰色调
- 6B3914
- 6E4223
- 714A2F
- 74513B
- 765947
- 796152
- 7B695E
- 7D7069
- 7E7874
配色和谐
互补色 +180°
- 683100
Meatloaf
- 004866
≈ Stegadon Scale Green
类似色 -30° +30°
- 683100
Meatloaf
- 6C2A29
≈ Spring Lobster Brown
- 563E00
≈ Pineapple
三角配色 +120° +240°
- 683100
Meatloaf
- 004F3F
≈ Urban Green
- 463670
≈ Galactic Compass
分裂互补色 +150° +210°
- 683100
Meatloaf
- 004C52
≈ Dark Teal
- 274075
≈ Blue Expanse
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 10.35:1 · APCA Lc 94
Ag
Fail黑底
WCAG 2.02:1 · APCA Lc 9
最佳文字颜色: #FFFFFF
WCAG 10.35:1 (AAA) · APCA Lc 94
Contrast pairs
代码片段
CSS
:root {
--meatloaf: #683100;
--meatloaf-rgb: 104 49 0;
--meatloaf-oklch: oklch(0.38 0.096 53.7);
}
.element {
color: var(--meatloaf);
background-color: hsl(28 100% 20%);
border-color: oklch(0.38 0.096 53.7);
}Tailwind CSS v4
@theme {
--color-meatloaf: #683100;
--color-meatloaf-50: #ffefdc;
--color-meatloaf-100: #ffe0ca;
--color-meatloaf-200: #f5caae;
--color-meatloaf-300: #deab88;
--color-meatloaf-400: #cb8f68;
--color-meatloaf-500: #b77346;
--color-meatloaf-600: #9b623c;
--color-meatloaf-700: #7c4e2f;
--color-meatloaf-800: #5c3822;
--color-meatloaf-900: #412716;
--color-meatloaf-950: #291508;
}SCSS
$meatloaf: #683100;
$meatloaf-rgb: 104, 49, 0;
$meatloaf-light: mix(#fff, $meatloaf, 20%);
$meatloaf-dark: mix(#000, $meatloaf, 20%);
.element {
color: $meatloaf;
box-shadow: 0 0 0 2px rgba($meatloaf, 0.35);
}