Màu có tên · #7A9461
Lush Highlands
Lush Highlands là #7A9461: rgb(122 148 97), hsl(91 21% 48%), oklch(0.633 0.079 130.3). 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.
What does Green mean? → · Lush Highlands color name →
#7A9461
oklch(0.633 0.079 130.3)
Chuyển đổi màu
- HEX
- #7a9461
- RGB
- rgb(122 148 97)
- HSL
- hsl(91 21% 48%)
- HWB
- hwb(91 38% 42%)
- OKLCH
- oklch(0.633 0.079 130.3)
- OKLab
- oklab(0.633 -0.051 0.06)
- CIE Lab
- lab(58.31 -16.61 23.87)
- LCH
- lch(58.31 29.09 124.8)
- CMYK
- cmyk(18% 0% 34% 42%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 879E70
- 93A980
- A0B38F
- ADBE9F
- BAC9AE
- C8D3BE
- D5DECE
- E3E9DE
- F1F4EF
Sắc đậm
- 698053
- 596D46
- 495A39
- 3A482D
- 2B3621
- 1D2615
- 10160B
- 050803
- 010100
Sắc xám
- 7B9265
- 7B9068
- 7C8E6B
- 7D8C6E
- 7D8A72
- 7E8875
- 7E8678
- 7F847A
- 7F827D
Hòa sắc
Bổ túc +180°
- 7A9461
Lush Highlands
- 997DAE
≈ Captivated
Tương đồng -30° +30°
- 7A9461
Lush Highlands
- 958C52
≈ Cornus Green
- 5D997A
≈ Memphis Green
Bộ ba +120° +240°
- 7A9461
Lush Highlands
- 658EB8
≈ Blue Dazzle
- B4767F
≈ Precious Garnet
Bổ túc chia +150° +210°
- 7A9461
Lush Highlands
- 8185B9
≈ Deep Periwinkle
- AB7799
≈ Wonder Wish
Bộ bốn +90° +180° +270°
- 7A9461
Lush Highlands
- 4E95AB
≈ Alpine Lake
- 997DAE
≈ Captivated
- B37A65
≈ Happy Trails
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.36:1 · APCA Lc 61
Ag
AATrên nền đen
WCAG 6.23:1 · APCA Lc 41
Màu chữ tốt nhất: #000000
WCAG 6.23:1 (AA) · APCA Lc 41
Contrast pairs
Đoạn mã
CSS
:root {
--lush-highlands: #7a9461;
--lush-highlands-rgb: 122 148 97;
--lush-highlands-oklch: oklch(0.633 0.079 130.3);
}
.element {
color: var(--lush-highlands);
background-color: hsl(91 21% 48%);
border-color: oklch(0.633 0.079 130.3);
}Tailwind CSS v4
@theme {
--color-lush-highlands: #7a9461;
--color-lush-highlands-50: #edfae3;
--color-lush-highlands-100: #deeed3;
--color-lush-highlands-200: #c8dcba;
--color-lush-highlands-300: #a8c097;
--color-lush-highlands-400: #8fa877;
--color-lush-highlands-500: #749159;
--color-lush-highlands-600: #637b4b;
--color-lush-highlands-700: #4f623c;
--color-lush-highlands-800: #3a482a;
--color-lush-highlands-900: #28321c;
--color-lush-highlands-950: #161e0c;
}SCSS
$lush-highlands: #7a9461;
$lush-highlands-rgb: 122, 148, 97;
$lush-highlands-light: mix(#fff, $lush-highlands, 20%);
$lush-highlands-dark: mix(#000, $lush-highlands, 20%);
.element {
color: $lush-highlands;
box-shadow: 0 0 0 2px rgba($lush-highlands, 0.35);
}