最接近的命名颜色 · #76A24A
#76A24A
最接近的命名颜色: Kiwi
#76A24A（rgb(118 162 74)、hsl(90 37% 46%)、oklch(0.66 0.128 131.2)）最接近命名颜色 Kiwi。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#76A24A
oklch(0.66 0.128 131.2)
颜色转换
- HEX
- #76a24a
- RGB
- rgb(118 162 74)
- HSL
- hsl(90 37% 46%)
- HWB
- hwb(90 29% 36%)
- OKLCH
- oklch(0.66 0.128 131.2)
- OKLab
- oklab(0.66 -0.084 0.096)
- CIE Lab
- lab(61.95 -26.84 40.1)
- LCH
- lch(61.95 48.25 123.8)
- CMYK
- cmyk(27% 0% 54% 36%)
浅色调 · 深色调 · 灰色调
浅色调
- 83AB5D
- 90B570
- 9EBE82
- ABC794
- B9D1A5
- C7DAB7
- D5E3C9
- E3ECDB
- F1F6ED
深色调
- 668C3F
- 567735
- 47632A
- 384F20
- 293C17
- 1C2A0E
- 0F1906
- 050A02
- 010100
灰色调
- 779F51
- 789C58
- 7A985E
- 7B9564
- 7C9269
- 7D8E6E
- 7D8B73
- 7E8777
- 7F847C
配色和谐
互补色 +180°
- 76A24A
Kiwi
- AC7ACB
≈ Wisteria
类似色 -30° +30°
- 76A24A
Kiwi
- A39422
≈ Rapeseed Oil
- 35AA79
≈ Cosmic Green
三角配色 +120° +240°
分裂互补色 +150° +210°
- 76A24A
Kiwi
- 8588DE
≈ Indigo Bloom
- C671A9
≈ Bishop Red
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.98:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.03:1 · APCA Lc 45
最佳文字颜色: #000000
WCAG 7.03:1 (AAA) · APCA Lc 45
Contrast pairs
代码片段
CSS
:root {
--kiwi: #76a24a;
--kiwi-rgb: 118 162 74;
--kiwi-oklch: oklch(0.66 0.128 131.2);
}
.element {
color: var(--kiwi);
background-color: hsl(90 37% 46%);
border-color: oklch(0.66 0.128 131.2);
}Tailwind CSS v4
@theme {
--color-kiwi: #76a24a;
--color-kiwi-50: #e7fed9;
--color-kiwi-100: #d7f2c6;
--color-kiwi-200: #bfe1a9;
--color-kiwi-300: #9ec682;
--color-kiwi-400: #83ae5b;
--color-kiwi-500: #679732;
--color-kiwi-600: #587f2c;
--color-kiwi-700: #466623;
--color-kiwi-800: #344b15;
--color-kiwi-900: #24340e;
--color-kiwi-950: #121f02;
}SCSS
$kiwi: #76a24a;
$kiwi-rgb: 118, 162, 74;
$kiwi-light: mix(#fff, $kiwi, 20%);
$kiwi-dark: mix(#000, $kiwi, 20%);
.element {
color: $kiwi;
box-shadow: 0 0 0 2px rgba($kiwi, 0.35);
}