最接近的命名颜色 · #88B78E
#88B78E
最接近的命名颜色: Verde
#88B78E（rgb(136 183 142)、hsl(128 25% 63%)、oklch(0.735 0.077 148.1)）最接近命名颜色 Verde。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#88B78E
oklch(0.735 0.077 148.1)
颜色转换
- HEX
- #88b78e
- RGB
- rgb(136 183 142)
- HSL
- hsl(128 25% 63%)
- HWB
- hwb(128 53% 28%)
- OKLCH
- oklch(0.735 0.077 148.1)
- OKLab
- oklab(0.735 -0.065 0.041)
- CIE Lab
- lab(70.22 -22.46 15.67)
- LCH
- lch(70.22 27.39 145.1)
- CMYK
- cmyk(26% 0% 22% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- 94BE99
- A0C5A4
- ABCCAF
- B7D4BA
- C3DBC5
- CFE2D1
- DBE9DC
- E7F0E8
- F3F8F3
深色调
- 759F7B
- 638768
- 527056
- 415A44
- 314534
- 223124
- 131E15
- 060C07
- 010201
灰色调
- 88B18D
- 87AC8B
- 86A68A
- 86A189
- 859B87
- 849686
- 839084
- 828B83
- 818582
配色和谐
互补色 +180°
- 88B78E
Verde
- C498C2
≈ Lupine
类似色 -30° +30°
- 88B78E
Verde
- A4B078
≈ Estragon
- 71B9A9
≈ Larchmere
三角配色 +120° +240°
- 88B78E
Verde
- 94A8DB
≈ Black Drop
- D6978E
≈ Petite Orchid
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.27:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.21:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--verde: #88b78e;
--verde-rgb: 136 183 142;
--verde-oklch: oklch(0.735 0.077 148.1);
}
.element {
color: var(--verde);
background-color: hsl(128 25% 63%);
border-color: oklch(0.735 0.077 148.1);
}Tailwind CSS v4
@theme {
--color-verde: #88b78e;
--color-verde-50: #e6fcea;
--color-verde-100: #d7f0db;
--color-verde-200: #bedec3;
--color-verde-300: #9cc3a3;
--color-verde-400: #7fab85;
--color-verde-500: #629469;
--color-verde-600: #537e59;
--color-verde-700: #426547;
--color-verde-800: #314a32;
--color-verde-900: #213322;
--color-verde-950: #101f11;
}SCSS
$verde: #88b78e;
$verde-rgb: 136, 183, 142;
$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);
}