最接近的命名颜色 · #5FC35E
#5FC35E
最接近的命名颜色: Mantis
#5FC35E（rgb(95 195 94)、hsl(119 46% 57%)、oklch(0.734 0.168 143.4)）最接近命名颜色 Mantis。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#5FC35E
oklch(0.734 0.168 143.4)
颜色转换
- HEX
- #5fc35e
- RGB
- rgb(95 195 94)
- HSL
- hsl(119 46% 57%)
- HWB
- hwb(119 37% 24%)
- OKLCH
- oklch(0.734 0.168 143.4)
- OKLab
- oklab(0.734 -0.135 0.1)
- CIE Lab
- lab(71.11 -45.92 40.93)
- LCH
- lch(71.11 61.52 138.3)
- CMYK
- cmyk(51% 0% 52% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- 71C96F
- 83D080
- 93D690
- A3DCA0
- B3E2B0
- C2E8C0
- D2EED0
- E1F4DF
- F0F9EF
深色调
- 52A951
- 449044
- 387837
- 2C602B
- 204A1F
- 153414
- 0A200A
- 030E03
- 000200
灰色调
- 65BC63
- 6AB668
- 6EAF6C
- 72A96F
- 75A273
- 789B76
- 7A9579
- 7D8E7B
- 7E877E
配色和谐
互补色 +180°
- 5FC35E
Mantis
- DB81E5
≈ Hibiscus Pop
类似色 -30° +30°
- 5FC35E
Mantis
- AAB300
≈ Mustard Green
- 00C5A1
≈ Jadeite
三角配色 +120° +240°
- 5FC35E
Mantis
- 7BA7FF
≈ Fennel Flower
- FF7A76
≈ Embarrassment
分裂互补色 +150° +210°
- 5FC35E
Mantis
- AE94FF
≈ Cobalite
- F777B1
≈ Erythrosine
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.22:1 · APCA Lc 43
Ag
AAA黑底
WCAG 9.45:1 · APCA Lc 59
最佳文字颜色: #000000
WCAG 9.45:1 (AAA) · APCA Lc 59
Contrast pairs
代码片段
CSS
:root {
--mantis: #5fc35e;
--mantis-rgb: 95 195 94;
--mantis-oklch: oklch(0.734 0.168 143.4);
}
.element {
color: var(--mantis);
background-color: hsl(119 46% 57%);
border-color: oklch(0.734 0.168 143.4);
}Tailwind CSS v4
@theme {
--color-mantis: #5fc35e;
--color-mantis-50: #d8ffd8;
--color-mantis-100: #c5f8c6;
--color-mantis-200: #a6e8a8;
--color-mantis-300: #7cce81;
--color-mantis-400: #59b758;
--color-mantis-500: #28a12d;
--color-mantis-600: #258829;
--color-mantis-700: #1e6d20;
--color-mantis-800: #195011;
--color-mantis-900: #10380b;
--color-mantis-950: #032201;
}SCSS
$mantis: #5fc35e;
$mantis-rgb: 95, 195, 94;
$mantis-light: mix(#fff, $mantis, 20%);
$mantis-dark: mix(#000, $mantis, 20%);
.element {
color: $mantis;
box-shadow: 0 0 0 2px rgba($mantis, 0.35);
}