最接近的命名颜色 · #42C74D
#42C74D
最接近的命名颜色: Walled Garden
#42C74D（rgb(66 199 77)、hsl(125 54% 52%)、oklch(0.732 0.2 144.4)）最接近命名颜色 Walled Garden。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#42C74D
oklch(0.732 0.2 144.4)
颜色转换
- HEX
- #42c74d
- RGB
- rgb(66 199 77)
- HSL
- hsl(125 54% 52%)
- HWB
- hwb(125 26% 22%)
- OKLCH
- oklch(0.732 0.2 144.4)
- OKLab
- oklab(0.732 -0.162 0.116)
- CIE Lab
- lab(71.29 -55.58 48.57)
- LCH
- lch(71.29 73.81 138.8)
- CMYK
- cmyk(67% 0% 61% 22%)
浅色调 · 深色调 · 灰色调
浅色调
- 5CCD62
- 72D375
- 86D987
- 99DF99
- AAE5AA
- BCEABB
- CDF0CC
- DEF5DD
- EEFAEE
深色调
- 38AD42
- 2F9337
- 257A2C
- 1C6222
- 144C18
- 0B360F
- 052107
- 010E02
- 000200
灰色调
- 4EC055
- 58B95C
- 60B262
- 67AB68
- 6DA46D
- 729D71
- 769675
- 7A8F79
- 7D877D
配色和谐
互补色 +180°
- 42C74D
Walled Garden
- E475ED
≈ Pink Bonnet
类似色 -30° +30°
- 42C74D
Walled Garden
- A7B300
≈ Mustard Green
- 00C4A2
≈ Jadeite
三角配色 +120° +240°
- 42C74D
Walled Garden
- 7CA6FF
≈ Fennel Flower
- FF7973
≈ Embarrassment
分裂互补色 +150° +210°
- 42C74D
Walled Garden
- AF93FF
≈ Lilac Geode
- FF6DB0
≈ Yíng Guāng Sè Pink
四角配色 +90° +180° +270°
- 42C74D
Walled Garden
- 00B6FA
≈ Blue Bolt
- E475ED
≈ Pink Bonnet
- FD8200
≈ Oriole
对比度与无障碍
Ag
Fail白底
WCAG 2.20:1 · APCA Lc 43
Ag
AAA黑底
WCAG 9.50:1 · APCA Lc 59
最佳文字颜色: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
代码片段
CSS
:root {
--walled-garden: #42c74d;
--walled-garden-rgb: 66 199 77;
--walled-garden-oklch: oklch(0.732 0.2 144.4);
}
.element {
color: var(--walled-garden);
background-color: hsl(125 54% 52%);
border-color: oklch(0.732 0.2 144.4);
}Tailwind CSS v4
@theme {
--color-walled-garden: #42c74d;
--color-walled-garden-50: #d1ffd4;
--color-walled-garden-100: #bcfbc1;
--color-walled-garden-200: #9aeba1;
--color-walled-garden-300: #6bd277;
--color-walled-garden-400: #3fbb49;
--color-walled-garden-500: #00a504;
--color-walled-garden-600: #008b0d;
--color-walled-garden-700: #00700c;
--color-walled-garden-800: #005200;
--color-walled-garden-900: #023901;
--color-walled-garden-950: #002300;
}SCSS
$walled-garden: #42c74d;
$walled-garden-rgb: 66, 199, 77;
$walled-garden-light: mix(#fff, $walled-garden, 20%);
$walled-garden-dark: mix(#000, $walled-garden, 20%);
.element {
color: $walled-garden;
box-shadow: 0 0 0 2px rgba($walled-garden, 0.35);
}