命名颜色 · #9CEF43
Kiwi Pulp
Kiwi Pulp 即 #9CEF43：rgb(156 239 67)、hsl(89 84% 60%)、oklch(0.867 0.214 132.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Kiwi Pulp color name →
#9CEF43
oklch(0.867 0.214 132.1)
颜色转换
- HEX
- #9cef43
- RGB
- rgb(156 239 67)
- HSL
- hsl(89 84% 60%)
- HWB
- hwb(89 26% 6%)
- OKLCH
- oklch(0.867 0.214 132.1)
- OKLab
- oklab(0.867 -0.144 0.159)
- CIE Lab
- lab(86.81 -45.38 69.65)
- LCH
- lch(86.81 83.13 123.1)
- CMYK
- cmyk(35% 0% 72% 6%)
浅色调 · 深色调 · 灰色调
浅色调
- A6F15F
- B1F376
- BBF58A
- C5F79C
- CFF9AE
- D8FABF
- E2FCCF
- ECFDDF
- F5FEEF
深色调
- 87D039
- 73B12F
- 5F9426
- 4C781D
- 395C14
- 28420C
- 182A05
- 091401
- 010300
灰色调
- 9AE451
- 97D95B
- 95CD63
- 92C26A
- 8FB76F
- 8DAC74
- 8AA178
- 87967B
- 838B7E
配色和谐
互补色 +180°
- 9CEF43
Kiwi Pulp
- E8C3FF
≈ Jane Purple
类似色 -30° +30°
- 9CEF43
Kiwi Pulp
- ECD600
≈ The End Is Beer
- 00F9AD
≈ Greenish Turquoise
三角配色 +120° +240°
- 9CEF43
Kiwi Pulp
- B4D7FF
≈ Malmö FF
- FFC0C7
≈ Piglet
分裂互补色 +150° +210°
- 9CEF43
Kiwi Pulp
- CCCFFF
≈ Lavender Blue
- FFBBE5
≈ Bubblegum Heart
四角配色 +90° +180° +270°
- 9CEF43
Kiwi Pulp
- 8CE1FF
≈ Tranquil Pool
- E8C3FF
≈ Jane Purple
- FFC4AD
≈ Gadabout
对比度与无障碍
Ag
Fail白底
WCAG 1.41:1 · APCA Lc 20
Ag
AAA黑底
WCAG 14.84:1 · APCA Lc 84
最佳文字颜色: #000000
WCAG 14.84:1 (AAA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--kiwi-pulp: #9cef43;
--kiwi-pulp-rgb: 156 239 67;
--kiwi-pulp-oklch: oklch(0.867 0.214 132.1);
}
.element {
color: var(--kiwi-pulp);
background-color: hsl(89 84% 60%);
border-color: oklch(0.867 0.214 132.1);
}Tailwind CSS v4
@theme {
--color-kiwi-pulp: #9cef43;
--color-kiwi-pulp-50: #dcffc5;
--color-kiwi-pulp-100: #caf8af;
--color-kiwi-pulp-200: #aee888;
--color-kiwi-pulp-300: #88ce54;
--color-kiwi-pulp-400: #6bb600;
--color-kiwi-pulp-500: #489f00;
--color-kiwi-pulp-600: #3e8700;
--color-kiwi-pulp-700: #316c00;
--color-kiwi-pulp-800: #274f00;
--color-kiwi-pulp-900: #1a3700;
--color-kiwi-pulp-950: #0b2100;
}SCSS
$kiwi-pulp: #9cef43;
$kiwi-pulp-rgb: 156, 239, 67;
$kiwi-pulp-light: mix(#fff, $kiwi-pulp, 20%);
$kiwi-pulp-dark: mix(#000, $kiwi-pulp, 20%);
.element {
color: $kiwi-pulp;
box-shadow: 0 0 0 2px rgba($kiwi-pulp, 0.35);
}