最接近的命名颜色 · #7B7A05
#7B7A05
最接近的命名颜色: Olive
#7B7A05（rgb(123 122 5)、hsl(59 92% 25%)、oklch(0.562 0.121 109.1)）最接近命名颜色 Olive。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7B7A05
oklch(0.562 0.121 109.1)
颜色转换
- HEX
- #7b7a05
- RGB
- rgb(123 122 5)
- HSL
- hsl(59 92% 25%)
- HWB
- hwb(59 2% 52%)
- OKLCH
- oklch(0.562 0.121 109.1)
- OKLab
- oklab(0.562 -0.04 0.114)
- CIE Lab
- lab(49.94 -8.59 53.28)
- LCH
- lch(49.94 53.97 99.2)
- CMYK
- cmyk(0% 1% 96% 52%)
浅色调 · 深色调 · 灰色调
浅色调
- 878730
- 93944A
- A0A162
- ADAE79
- BABB8F
- C7C9A5
- D5D6BB
- E3E4D2
- F1F1E8
深色调
- 6A6904
- 5A5903
- 4A4902
- 3A3A01
- 2C2B01
- 1E1D00
- 101000
- 050500
- 010100
灰色调
- 7B7B22
- 7C7C32
- 7C7C3E
- 7C7D49
- 7D7E54
- 7D7E5D
- 7E7F66
- 7F7F6F
- 7F8078
配色和谐
互补色 +180°
- 7B7A05
Olive
- 7467B7
≈ Ultra Violet
类似色 -30° +30°
- 7B7A05
Olive
- 996B00
≈ Balor Brown
- 4D863D
≈ Level Up
三角配色 +120° +240°
- 7B7A05
Olive
- 0080A9
≈ Oh so Vo
- A85580
≈ Guppy Violet
分裂互补色 +150° +210°
- 7B7A05
Olive
- 4875BB
≈ Sinatra
- 935CA1
≈ Empire Violet
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 4.53:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.62:1 · APCA Lc 30
最佳文字颜色: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
代码片段
CSS
:root {
--olive: #7b7a05;
--olive-rgb: 123 122 5;
--olive-oklch: oklch(0.562 0.121 109.1);
}
.element {
color: var(--olive);
background-color: hsl(59 92% 25%);
border-color: oklch(0.562 0.121 109.1);
}Tailwind CSS v4
@theme {
--color-olive: #7b7a05;
--color-olive-50: #f6f9d2;
--color-olive-100: #e9ecbe;
--color-olive-200: #d6da9e;
--color-olive-300: #b9be74;
--color-olive-400: #a4a449;
--color-olive-500: #8d8c08;
--color-olive-600: #77760f;
--color-olive-700: #5f5f0d;
--color-olive-800: #474505;
--color-olive-900: #313004;
--color-olive-950: #1d1c00;
}SCSS
$olive: #7b7a05;
$olive-rgb: 123, 122, 5;
$olive-light: mix(#fff, $olive, 20%);
$olive-dark: mix(#000, $olive, 20%);
.element {
color: $olive;
box-shadow: 0 0 0 2px rgba($olive, 0.35);
}