最接近的命名颜色 · #7B9600
#7B9600
最接近的命名颜色: Green Thumb
#7B9600（rgb(123 150 0)、hsl(71 100% 29%)、oklch(0.629 0.152 121.5)）最接近命名颜色 Green Thumb。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7B9600
oklch(0.629 0.152 121.5)
颜色转换
- HEX
- #7b9600
- RGB
- rgb(123 150 0)
- HSL
- hsl(71 100% 29%)
- HWB
- hwb(71 0% 41%)
- OKLCH
- oklch(0.629 0.152 121.5)
- OKLab
- oklab(0.629 -0.079 0.129)
- CIE Lab
- lab(58.29 -22.38 60.14)
- LCH
- lch(58.29 64.17 110.4)
- CMYK
- cmyk(18% 0% 100% 41%)
浅色调 · 深色调 · 灰色调
浅色调
- 87A134
- 94AB4F
- A0B667
- ADC07E
- BACB94
- C8D5A9
- D5E0BF
- E3EAD4
- F1F5E9
深色调
- 6A8200
- 5A6E00
- 4A5B00
- 3A4900
- 2C3700
- 1E2600
- 101600
- 050800
- 010100
灰色调
- 7B9424
- 7C9235
- 7C9043
- 7D8E4E
- 7D8C58
- 7E8A61
- 7E8769
- 7F8571
- 7F8379
配色和谐
互补色 +180°
- 7B9600
Green Thumb
- 9A70D5
≈ Iridescent Purple
类似色 -30° +30°
- 7B9600
Green Thumb
- A58500
≈ Golden Palm
- 28A258
≈ Full Energy
三角配色 +120° +240°
- 7B9600
Green Thumb
- 0091DA
≈ Kahu Blue
- D05C83
≈ Peppermint Swirl
分裂互补色 +150° +210°
- 7B9600
Green Thumb
- 6980E4
≈ Soft Blue
- BC62B2
≈ Mazzy Star
四角配色 +90° +180° +270°
- 7B9600
Green Thumb
- 009AAF
≈ Caneel Bay
- 9A70D5
≈ Iridescent Purple
- D5604C
≈ Flame Stitch
对比度与无障碍
Ag
Fail白底
WCAG 3.38:1 · APCA Lc 61
Ag
AA黑底
WCAG 6.20:1 · APCA Lc 41
最佳文字颜色: #000000
WCAG 6.20:1 (AA) · APCA Lc 41
Contrast pairs
代码片段
CSS
:root {
--green-thumb: #7b9600;
--green-thumb-rgb: 123 150 0;
--green-thumb-oklch: oklch(0.629 0.152 121.5);
}
.element {
color: var(--green-thumb);
background-color: hsl(71 100% 29%);
border-color: oklch(0.629 0.152 121.5);
}Tailwind CSS v4
@theme {
--color-green-thumb: #7b9600;
--color-green-thumb-50: #ecfdcd;
--color-green-thumb-100: #ddf1b9;
--color-green-thumb-200: #c7e097;
--color-green-thumb-300: #a8c46a;
--color-green-thumb-400: #91ac37;
--color-green-thumb-500: #779400;
--color-green-thumb-600: #657d00;
--color-green-thumb-700: #506400;
--color-green-thumb-800: #3d4900;
--color-green-thumb-900: #2a3300;
--color-green-thumb-950: #171e00;
}SCSS
$green-thumb: #7b9600;
$green-thumb-rgb: 123, 150, 0;
$green-thumb-light: mix(#fff, $green-thumb, 20%);
$green-thumb-dark: mix(#000, $green-thumb, 20%);
.element {
color: $green-thumb;
box-shadow: 0 0 0 2px rgba($green-thumb, 0.35);
}