Màu có tên gần nhất · #6D7D40
#6D7D40
Màu có tên gần nhất: Grasshopper
#6D7D40 (rgb(109 125 64), hsl(76 32% 37%), oklch(0.562 0.087 121.4)) gần nhất với màu có tên Grasshopper. 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.
#6D7D40
oklch(0.562 0.087 121.4)
Chuyển đổi màu
- HEX
- #6d7d40
- RGB
- rgb(109 125 64)
- HSL
- hsl(76 32% 37%)
- HWB
- hwb(76 25% 51%)
- OKLCH
- oklch(0.562 0.087 121.4)
- OKLab
- oklab(0.562 -0.045 0.075)
- CIE Lab
- lab(50 -13.78 30.94)
- LCH
- lch(50 33.87 114)
- CMYK
- cmyk(13% 0% 49% 51%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7A8953
- 889666
- 96A378
- A4B08B
- B3BC9E
- C2CAB1
- D1D7C4
- E0E4D7
- EFF1EB
Sắc đậm
- 5E6C36
- 4F5B2D
- 414B24
- 333B1B
- 262C13
- 191E0B
- 0D1105
- 040501
- 010100
Sắc xám
- 6F7D47
- 717E4F
- 737E55
- 747F5C
- 767F62
- 787F68
- 7A7F6E
- 7C8074
- 7E807A
Hòa sắc
Bổ túc +180°
- 6D7D40
Grasshopper
- 7E69A0
≈ Purple Paradise
Tương đồng -30° +30°
- 6D7D40
Grasshopper
- 887333
≈ Jumping Juniper
- 4C845B
≈ Kilkenny
Bộ ba +120° +240°
- 6D7D40
Grasshopper
- 427BA4
≈ Zenith
- 9F5F72
≈ Tropical Hibiscus
Bổ túc chia +150° +210°
- 6D7D40
Grasshopper
- 6272A9
≈ King’s Robe
- 93628C
≈ Hashita Purple
Bộ bốn +90° +180° +270°
- 6D7D40
Grasshopper
- 248292
≈ Pagoda Blue
- 7E69A0
≈ Purple Paradise
- A26155
≈ Savannah Red
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.50:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.65:1 · APCA Lc 30
Màu chữ tốt nhất: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Đoạn mã
CSS
:root {
--grasshopper: #6d7d40;
--grasshopper-rgb: 109 125 64;
--grasshopper-oklch: oklch(0.562 0.087 121.4);
}
.element {
color: var(--grasshopper);
background-color: hsl(76 32% 37%);
border-color: oklch(0.562 0.087 121.4);
}Tailwind CSS v4
@theme {
--color-grasshopper: #6d7d40;
--color-grasshopper-50: #f0fadf;
--color-grasshopper-100: #e2edce;
--color-grasshopper-200: #cddbb2;
--color-grasshopper-300: #aebf8e;
--color-grasshopper-400: #96a76c;
--color-grasshopper-500: #7d8f4a;
--color-grasshopper-600: #6a7940;
--color-grasshopper-700: #556133;
--color-grasshopper-800: #3f4723;
--color-grasshopper-900: #2b3117;
--color-grasshopper-950: #191d08;
}SCSS
$grasshopper: #6d7d40;
$grasshopper-rgb: 109, 125, 64;
$grasshopper-light: mix(#fff, $grasshopper, 20%);
$grasshopper-dark: mix(#000, $grasshopper, 20%);
.element {
color: $grasshopper;
box-shadow: 0 0 0 2px rgba($grasshopper, 0.35);
}