Màu có tên gần nhất · #7A9859
#7A9859
Màu có tên gần nhất: Bavarian Green
#7A9859 (rgb(122 152 89), hsl(89 26% 47%), oklch(0.641 0.094 129.5)) gần nhất với màu có tên Bavarian Green. 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.
#7A9859
oklch(0.641 0.094 129.5)
Chuyển đổi màu
- HEX
- #7a9859
- RGB
- rgb(122 152 89)
- HSL
- hsl(89 26% 47%)
- HWB
- hwb(89 35% 40%)
- OKLCH
- oklch(0.641 0.094 129.5)
- OKLab
- oklab(0.641 -0.06 0.073)
- CIE Lab
- lab(59.38 -19.37 29.52)
- LCH
- lch(59.38 35.31 123.3)
- CMYK
- cmyk(20% 0% 41% 40%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 87A269
- 93AC7A
- A0B68A
- ADC19A
- BBCBAB
- C8D5BB
- D5E0CC
- E3EADD
- F1F4EE
Sắc đậm
- 69844C
- 597040
- 495C34
- 3A4A28
- 2B381D
- 1D2713
- 101709
- 050803
- 010100
Sắc xám
- 7B965E
- 7B9362
- 7C9166
- 7D8F6A
- 7D8C6E
- 7E8A72
- 7E8876
- 7F8579
- 7F837D
Hòa sắc
Bổ túc +180°
- 7A9859
Bavarian Green
- 9E7CB8
≈ Lush Lilac
Tương đồng -30° +30°
- 7A9859
Bavarian Green
- 9A8E45
≈ Jalapeño
- 559E78
≈ Advertising Green
Bộ ba +120° +240°
- 7A9859
Bavarian Green
- 5E91C4
≈ Come Sail Away
- BE7480
≈ Rosily
Bổ túc chia +150° +210°
- 7A9859
Bavarian Green
- 8186C5
≈ True Lavender
- B3759F
≈ Eccentric Magenta
Bộ bốn +90° +180° +270°
- 7A9859
Bavarian Green
- 3C9AB4
≈ Sports Blue
- 9E7CB8
≈ Lush Lilac
- BE7860
≈ Caribbean Coral
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.24:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.46:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
CSS
:root {
--bavarian-green: #7a9859;
--bavarian-green-rgb: 122 152 89;
--bavarian-green-oklch: oklch(0.641 0.094 129.5);
}
.element {
color: var(--bavarian-green);
background-color: hsl(89 26% 47%);
border-color: oklch(0.641 0.094 129.5);
}Tailwind CSS v4
@theme {
--color-bavarian-green: #7a9859;
--color-bavarian-green-50: #ecfbe0;
--color-bavarian-green-100: #ddefcf;
--color-bavarian-green-200: #c6ddb4;
--color-bavarian-green-300: #a6c290;
--color-bavarian-green-400: #8daa6d;
--color-bavarian-green-500: #72924d;
--color-bavarian-green-600: #617c42;
--color-bavarian-green-700: #4d6334;
--color-bavarian-green-800: #394823;
--color-bavarian-green-900: #273217;
--color-bavarian-green-950: #151e08;
}SCSS
$bavarian-green: #7a9859;
$bavarian-green-rgb: 122, 152, 89;
$bavarian-green-light: mix(#fff, $bavarian-green, 20%);
$bavarian-green-dark: mix(#000, $bavarian-green, 20%);
.element {
color: $bavarian-green;
box-shadow: 0 0 0 2px rgba($bavarian-green, 0.35);
}