Màu có tên gần nhất · #7AB859
#7AB859
Màu có tên gần nhất: Leafy Greens
#7AB859 (rgb(122 184 89), hsl(99 40% 54%), oklch(0.719 0.143 135.8)) gần nhất với màu có tên Leafy Greens. 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.
#7AB859
oklch(0.719 0.143 135.8)
Chuyển đổi màu
- HEX
- #7ab859
- RGB
- rgb(122 184 89)
- HSL
- hsl(99 40% 54%)
- HWB
- hwb(99 35% 28%)
- OKLCH
- oklch(0.719 0.143 135.8)
- OKLab
- oklab(0.719 -0.103 0.1)
- CIE Lab
- lab(68.97 -33.66 41.15)
- LCH
- lch(68.97 53.16 129.3)
- CMYK
- cmyk(34% 0% 52% 28%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 87BF6B
- 95C77C
- A2CE8D
- AFD59D
- BCDCAD
- C9E3BE
- D7EACE
- E4F1DE
- F2F8EF
Sắc đậm
- 69A04C
- 598840
- 497134
- 3A5B28
- 2B451D
- 1D3113
- 101E09
- 050C03
- 010200
Sắc xám
- 7BB25F
- 7CAD64
- 7DA768
- 7EA26C
- 7F9C70
- 7F9774
- 7F9177
- 808B7A
- 80867D
Hòa sắc
Bổ túc +180°
- 7AB859
Leafy Greens
- C787E0
≈ Blush Essence
Tương đồng -30° +30°
- 7AB859
Leafy Greens
- B1A924
≈ Earls Green
- 21C08F
≈ Blarney
Bộ ba +120° +240°
- 7AB859
Leafy Greens
- 64A6FC
≈ Âbi Blue
- F07B86
≈ Flower Blossom Pink
Bổ túc chia +150° +210°
- 7AB859
Leafy Greens
- 9D95F9
≈ Cobalite
- E37DB7
≈ Fuchsia Blush
Bộ bốn +90° +180° +270°
- 7AB859
Leafy Greens
- 00B5E5
≈ Blue Atoll
- C787E0
≈ Blush Essence
- EC8552
≈ Gravlax
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.37:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.82:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--leafy-greens: #7ab859;
--leafy-greens-rgb: 122 184 89;
--leafy-greens-oklch: oklch(0.719 0.143 135.8);
}
.element {
color: var(--leafy-greens);
background-color: hsl(99 40% 54%);
border-color: oklch(0.719 0.143 135.8);
}Tailwind CSS v4
@theme {
--color-leafy-greens: #7ab859;
--color-leafy-greens-50: #e2ffd8;
--color-leafy-greens-100: #d1f4c5;
--color-leafy-greens-200: #b7e3a7;
--color-leafy-greens-300: #93c980;
--color-leafy-greens-400: #77b158;
--color-leafy-greens-500: #579a2d;
--color-leafy-greens-600: #4a8328;
--color-leafy-greens-700: #3b6920;
--color-leafy-greens-800: #2d4c12;
--color-leafy-greens-900: #1e350b;
--color-leafy-greens-950: #0e2001;
}SCSS
$leafy-greens: #7ab859;
$leafy-greens-rgb: 122, 184, 89;
$leafy-greens-light: mix(#fff, $leafy-greens, 20%);
$leafy-greens-dark: mix(#000, $leafy-greens, 20%);
.element {
color: $leafy-greens;
box-shadow: 0 0 0 2px rgba($leafy-greens, 0.35);
}