Màu có tên gần nhất · #94B139
#94B139
Màu có tên gần nhất: Limolicious
#94B139 (rgb(148 177 57), hsl(74 51% 46%), oklch(0.715 0.148 122)) gần nhất với màu có tên Limolicious. 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.
#94B139
oklch(0.715 0.148 122)
Chuyển đổi màu
- HEX
- #94b139
- RGB
- rgb(148 177 57)
- HSL
- hsl(74 51% 46%)
- HWB
- hwb(74 22% 31%)
- OKLCH
- oklch(0.715 0.148 122)
- OKLab
- oklab(0.715 -0.078 0.126)
- CIE Lab
- lab(68.28 -22.87 54.98)
- LCH
- lch(68.28 59.55 112.6)
- CMYK
- cmyk(16% 0% 68% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9EB952
- A8C168
- B3C97C
- BDD190
- C8D9A3
- D3E0B5
- DDE8C8
- E9F0DA
- F4F7ED
Sắc đậm
- 809930
- 6D8328
- 5A6C1F
- 485717
- 364210
- 262F09
- 161C04
- 080C01
- 010100
Sắc xám
- 92AC45
- 90A74F
- 8EA357
- 8C9E5F
- 8A9966
- 88946C
- 868F71
- 848A77
- 82857B
Hòa sắc
Bổ túc +180°
- 94B139
Limolicious
- B58BF0
≈ Lilac Geode
Tương đồng -30° +30°
- 94B139
Limolicious
- C49F00
≈ Molten Bronze
- 4DBD73
≈ Esmeralda
Bộ ba +120° +240°
- 94B139
Limolicious
- 39ACF7
≈ Adamantine Blue
- ED789C
≈ Embarrassed
Bổ túc chia +150° +210°
- 94B139
Limolicious
- 839BFF
≈ Periwinkle Blue
- D87ECC
≈ Purple Kush
Bộ bốn +90° +180° +270°
- 94B139
Limolicious
- 00B7D0
≈ Utopia Beckons
- B58BF0
≈ Lilac Geode
- F17C66
≈ Melon Refresher
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.43:1 · APCA Lc 48
Ag
AAATrên nền đen
WCAG 8.60:1 · APCA Lc 54
Màu chữ tốt nhất: #000000
WCAG 8.60:1 (AAA) · APCA Lc 54
Contrast pairs
Đoạn mã
CSS
:root {
--limolicious: #94b139;
--limolicious-rgb: 148 177 57;
--limolicious-oklch: oklch(0.715 0.148 122);
}
.element {
color: var(--limolicious);
background-color: hsl(74 51% 46%);
border-color: oklch(0.715 0.148 122);
}Tailwind CSS v4
@theme {
--color-limolicious: #94b139;
--color-limolicious-50: #ecfdcf;
--color-limolicious-100: #ddf1bb;
--color-limolicious-200: #c7df99;
--color-limolicious-300: #a8c46d;
--color-limolicious-400: #90ac3c;
--color-limolicious-500: #779400;
--color-limolicious-600: #647d00;
--color-limolicious-700: #506400;
--color-limolicious-800: #3c4900;
--color-limolicious-900: #293300;
--color-limolicious-950: #171e00;
}SCSS
$limolicious: #94b139;
$limolicious-rgb: 148, 177, 57;
$limolicious-light: mix(#fff, $limolicious, 20%);
$limolicious-dark: mix(#000, $limolicious, 20%);
.element {
color: $limolicious;
box-shadow: 0 0 0 2px rgba($limolicious, 0.35);
}