最接近的命名颜色 · #794A00
#794A00
最接近的命名颜色: Milk Chocolate
#794A00（rgb(121 74 0)、hsl(37 100% 24%)、oklch(0.453 0.099 68.8)）最接近命名颜色 Milk Chocolate。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#794A00
oklch(0.453 0.099 68.8)
颜色转换
- HEX
- #794a00
- RGB
- rgb(121 74 0)
- HSL
- hsl(37 100% 24%)
- HWB
- hwb(37 0% 53%)
- OKLCH
- oklch(0.453 0.099 68.8)
- OKLab
- oklab(0.453 0.036 0.092)
- CIE Lab
- lab(36.3 16.89 45.31)
- LCH
- lch(36.3 48.35 69.6)
- CMYK
- cmyk(0% 39% 100% 53%)
浅色调 · 深色调 · 灰色调
浅色调
- 865B26
- 946C3F
- A17E57
- AE906E
- BCA286
- C9B49D
- D6C6B5
- E4D9CD
- F1ECE6
深色调
- 683F00
- 583500
- 482A00
- 392000
- 2B1700
- 1D0E00
- 100600
- 050200
- 010000
灰色调
- 7A5019
- 7B5528
- 7C5B35
- 7D6041
- 7E664C
- 7F6B56
- 7F7061
- 80766B
- 807B76
配色和谐
互补色 +180°
- 794A00
Milk Chocolate
- 22598A
≈ Endeavour
类似色 -30° +30°
- 794A00
Milk Chocolate
- 83402A
≈ Cacao Nibs
- 645600
≈ Ayahuasca Vine
三角配色 +120° +240°
- 794A00
Milk Chocolate
- 00645F
≈ Emerald Stone
- 664580
≈ Regality
分裂互补色 +150° +210°
- 794A00
Milk Chocolate
- 006075
≈ Ocean Radiance
- 4B4F8C
≈ Beaded Blue
四角配色 +90° +180° +270°
- 794A00
Milk Chocolate
- 0F6641
≈ Greens
- 22598A
≈ Endeavour
- 793E68
≈ Burnt Orchid
对比度与无障碍
Ag
AAA白底
WCAG 7.52:1 · APCA Lc 86
Ag
Fail黑底
WCAG 2.79:1 · APCA Lc 16
最佳文字颜色: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--milk-chocolate: #794a00;
--milk-chocolate-rgb: 121 74 0;
--milk-chocolate-oklch: oklch(0.453 0.099 68.8);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(37 100% 24%);
border-color: oklch(0.453 0.099 68.8);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #794a00;
--color-milk-chocolate-50: #fff1d7;
--color-milk-chocolate-100: #fee3c5;
--color-milk-chocolate-200: #f0cea7;
--color-milk-chocolate-300: #d8af7f;
--color-milk-chocolate-400: #c5945c;
--color-milk-chocolate-500: #b07935;
--color-milk-chocolate-600: #95672e;
--color-milk-chocolate-700: #785224;
--color-milk-chocolate-800: #593b19;
--color-milk-chocolate-900: #3e2910;
--color-milk-chocolate-950: #271604;
}SCSS
$milk-chocolate: #794a00;
$milk-chocolate-rgb: 121, 74, 0;
$milk-chocolate-light: mix(#fff, $milk-chocolate, 20%);
$milk-chocolate-dark: mix(#000, $milk-chocolate, 20%);
.element {
color: $milk-chocolate;
box-shadow: 0 0 0 2px rgba($milk-chocolate, 0.35);
}