最接近的命名颜色 · #46B03E
#46B03E
最接近的命名颜色: Try Your Luck
#46B03E（rgb(70 176 62)、hsl(116 48% 47%)、oklch(0.671 0.181 142.2)）最接近命名颜色 Try Your Luck。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#46B03E
oklch(0.671 0.181 142.2)
颜色转换
- HEX
- #46b03e
- RGB
- rgb(70 176 62)
- HSL
- hsl(116 48% 47%)
- HWB
- hwb(116 24% 31%)
- OKLCH
- oklch(0.671 0.181 142.2)
- OKLab
- oklab(0.671 -0.143 0.111)
- CIE Lab
- lab(63.98 -48.38 47.02)
- LCH
- lch(63.98 67.47 135.8)
- CMYK
- cmyk(60% 0% 65% 31%)
浅色调 · 深色调 · 灰色调
浅色调
- 5CB855
- 71C169
- 83C97D
- 96D18F
- A8D9A2
- B9E1B5
- CBE8C7
- DCF0DA
- EEF8EC
深色调
- 3C9935
- 32822B
- 286C23
- 1E561A
- 154212
- 0D2E0A
- 051C04
- 020B01
- 000100
灰色调
- 50AC48
- 58A751
- 5FA258
- 659E5F
- 6A9966
- 70946B
- 748F71
- 788A76
- 7C857B
配色和谐
互补色 +180°
- 46B03E
Try Your Luck
- C86AD6
≈ Blueberry Glaze
类似色 -30° +30°
- 46B03E
Try Your Luck
- 989E00
≈ Papyrus
- 00AF8D
≈ Victorian Greenhouse
三角配色 +120° +240°
- 46B03E
Try Your Luck
- 5891FF
≈ Polar Glow
- F05E61
≈ Dubarry
分裂互补色 +150° +210°
- 46B03E
Try Your Luck
- 9B7BFA
≈ Forgotten Purple
- E55EA1
≈ Cosmetologist’s Pink
四角配色 +90° +180° +270°
- 46B03E
Try Your Luck
- 00A3DB
≈ Vanadyl Blue
- C86AD6
≈ Blueberry Glaze
- E57000
≈ Thai Mango
对比度与无障碍
Ag
Fail白底
WCAG 2.78:1 · APCA Lc 53
Ag
AAA黑底
WCAG 7.54:1 · APCA Lc 49
最佳文字颜色: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
代码片段
CSS
:root {
--try-your-luck: #46b03e;
--try-your-luck-rgb: 70 176 62;
--try-your-luck-oklch: oklch(0.671 0.181 142.2);
}
.element {
color: var(--try-your-luck);
background-color: hsl(116 48% 47%);
border-color: oklch(0.671 0.181 142.2);
}Tailwind CSS v4
@theme {
--color-try-your-luck: #46b03e;
--color-try-your-luck-50: #d6ffd5;
--color-try-your-luck-100: #c3f8c2;
--color-try-your-luck-200: #a4e9a3;
--color-try-your-luck-300: #79cf7a;
--color-try-your-luck-400: #56b84e;
--color-try-your-luck-500: #20a217;
--color-try-your-luck-600: #1f8918;
--color-try-your-luck-700: #196e14;
--color-try-your-luck-800: #165005;
--color-try-your-luck-900: #0f3804;
--color-try-your-luck-950: #022200;
}SCSS
$try-your-luck: #46b03e;
$try-your-luck-rgb: 70, 176, 62;
$try-your-luck-light: mix(#fff, $try-your-luck, 20%);
$try-your-luck-dark: mix(#000, $try-your-luck, 20%);
.element {
color: $try-your-luck;
box-shadow: 0 0 0 2px rgba($try-your-luck, 0.35);
}