最接近的命名颜色 · #9CC58C
#9CC58C
最接近的命名颜色: Oh Pistachio
#9CC58C（rgb(156 197 140)、hsl(103 33% 66%)、oklch(0.779 0.09 137.1)）最接近命名颜色 Oh Pistachio。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9CC58C
oklch(0.779 0.09 137.1)
颜色转换
- HEX
- #9cc58c
- RGB
- rgb(156 197 140)
- HSL
- hsl(103 33% 66%)
- HWB
- hwb(103 55% 23%)
- OKLCH
- oklch(0.779 0.09 137.1)
- OKLab
- oklab(0.779 -0.066 0.061)
- CIE Lab
- lab(75.46 -22.09 24.06)
- LCH
- lch(75.46 32.67 132.6)
- CMYK
- cmyk(21% 0% 29% 23%)
浅色调 · 深色调 · 灰色调
浅色调
- A6CB97
- B0D1A3
- B9D6AE
- C3DCBA
- CDE2C5
- D7E8D1
- E1EEDC
- EBF3E8
- F5F9F3
深色调
- 87AB79
- 739267
- 5F7955
- 4C6143
- 394B33
- 283523
- 182114
- 090E07
- 010201
灰色调
- 99BE8B
- 97B78A
- 94B089
- 91A988
- 8EA287
- 8C9B86
- 899484
- 868E83
- 838782
配色和谐
互补色 +180°
- 9CC58C
Oh Pistachio
- CFA5DD
≈ Tropical Violet
类似色 -30° +30°
- 9CC58C
Oh Pistachio
- BDBC77
≈ Savannah Grass
- 7CCAAB
≈ Puppeteers
三角配色 +120° +240°
- 9CC58C
Oh Pistachio
- 92B9F1
≈ Electric Eel
- EBA0A2
≈ Cosy Summer Sunset
分裂互补色 +150° +210°
- 9CC58C
Oh Pistachio
- B3AFEE
≈ Maximum Blue Purple
- E2A0C2
≈ Prettiest Pink
四角配色 +90° +180° +270°
- 9CC58C
Oh Pistachio
- 75C3E4
≈ Bright Spark
- CFA5DD
≈ Tropical Violet
- E7A685
≈ Ceramic Glaze
对比度与无障碍
Ag
Fail白底
WCAG 1.94:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.77:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--oh-pistachio: #9cc58c;
--oh-pistachio-rgb: 156 197 140;
--oh-pistachio-oklch: oklch(0.779 0.09 137.1);
}
.element {
color: var(--oh-pistachio);
background-color: hsl(103 33% 66%);
border-color: oklch(0.779 0.09 137.1);
}Tailwind CSS v4
@theme {
--color-oh-pistachio: #9cc58c;
--color-oh-pistachio-50: #e9fce3;
--color-oh-pistachio-100: #d9f0d3;
--color-oh-pistachio-200: #c1deb9;
--color-oh-pistachio-300: #a0c397;
--color-oh-pistachio-400: #85ab76;
--color-oh-pistachio-500: #699458;
--color-oh-pistachio-600: #597d4b;
--color-oh-pistachio-700: #47643b;
--color-oh-pistachio-800: #354929;
--color-oh-pistachio-900: #24331c;
--color-oh-pistachio-950: #131f0c;
}SCSS
$oh-pistachio: #9cc58c;
$oh-pistachio-rgb: 156, 197, 140;
$oh-pistachio-light: mix(#fff, $oh-pistachio, 20%);
$oh-pistachio-dark: mix(#000, $oh-pistachio, 20%);
.element {
color: $oh-pistachio;
box-shadow: 0 0 0 2px rgba($oh-pistachio, 0.35);
}