Màu có tên gần nhất · #5FC35E
#5FC35E
Màu có tên gần nhất: Mantis
#5FC35E (rgb(95 195 94), hsl(119 46% 57%), oklch(0.734 0.168 143.4)) gần nhất với màu có tên Mantis. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#5FC35E
oklch(0.734 0.168 143.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 71C96F
- 83D080
- 93D690
- A3DCA0
- B3E2B0
- C2E8C0
- D2EED0
- E1F4DF
- F0F9EF
Sắc đậm
- 52A951
- 449044
- 387837
- 2C602B
- 204A1F
- 153414
- 0A200A
- 030E03
- 000200
Sắc xám
- 65BC63
- 6AB668
- 6EAF6C
- 72A96F
- 75A273
- 789B76
- 7A9579
- 7D8E7B
- 7E877E
Hòa sắc
Bổ túc +180°
- 5FC35E
Mantis
- DB81E5
≈ Hibiscus Pop
Tương đồng -30° +30°
- 5FC35E
Mantis
- AAB300
≈ Mustard Green
- 00C5A1
≈ Jadeite
Bộ ba +120° +240°
- 5FC35E
Mantis
- 7BA7FF
≈ Fennel Flower
- FF7A76
≈ Embarrassment
Bổ túc chia +150° +210°
- 5FC35E
Mantis
- AE94FF
≈ Cobalite
- F777B1
≈ Erythrosine
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.22:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.45:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.45:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
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);
}