最接近的命名颜色 · #7BB081
#7BB081
最接近的命名颜色: Verde
#7BB081（rgb(123 176 129)、hsl(127 25% 59%)、oklch(0.707 0.088 147.4)）最接近命名颜色 Verde。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7BB081
oklch(0.707 0.088 147.4)
颜色转换
- HEX
- #7bb081
- RGB
- rgb(123 176 129)
- HSL
- hsl(127 25% 59%)
- HWB
- hwb(127 48% 31%)
- OKLCH
- oklch(0.707 0.088 147.4)
- OKLab
- oklab(0.707 -0.074 0.047)
- CIE Lab
- lab(67.17 -25.45 18.35)
- LCH
- lch(67.17 31.38 144.2)
- CMYK
- cmyk(30% 0% 27% 31%)
浅色调 · 深色调 · 灰色调
浅色调
- 88B88D
- 95C099
- A2C8A6
- B0CFB2
- BDD7BF
- CADFCB
- D7E7D8
- E4EFE5
- F2F7F2
深色调
- 6A996F
- 5A825E
- 4A6C4E
- 3A563E
- 2C422E
- 1E2E1F
- 101C12
- 050B06
- 010101
灰色调
- 7CAB81
- 7DA681
- 7EA281
- 7E9D81
- 7F9881
- 7F9381
- 808E81
- 808A81
- 808580
配色和谐
互补色 +180°
- 7BB081
Verde
- BF8DBD
≈ La la Love
类似色 -30° +30°
- 7BB081
Verde
- 9CA868
≈ Whirled Peas
- 5EB3A0
≈ Keppel
三角配色 +120° +240°
- 7BB081
Verde
- 889FD8
≈ Azureno
- D28B82
≈ My Pink
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.50:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.36:1 · APCA Lc 53
最佳文字颜色: #000000
WCAG 8.36:1 (AAA) · APCA Lc 53
Contrast pairs
代码片段
CSS
:root {
--verde: #7bb081;
--verde-rgb: 123 176 129;
--verde-oklch: oklch(0.707 0.088 147.4);
}
.element {
color: var(--verde);
background-color: hsl(127 25% 59%);
border-color: oklch(0.707 0.088 147.4);
}Tailwind CSS v4
@theme {
--color-verde: #7bb081;
--color-verde-50: #e4fde8;
--color-verde-100: #d4f1d8;
--color-verde-200: #bbdfc0;
--color-verde-300: #98c59f;
--color-verde-400: #7bad80;
--color-verde-500: #5c9664;
--color-verde-600: #4f7f55;
--color-verde-700: #3f6644;
--color-verde-800: #2e4b2f;
--color-verde-900: #1f3420;
--color-verde-950: #0f1f10;
}SCSS
$verde: #7bb081;
$verde-rgb: 123, 176, 129;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}