أقرب لون مسمّى · #6D7D40
#6D7D40
أقرب لون مسمّى: Grasshopper
#6D7D40 (rgb(109 125 64)، hsl(76 32% 37%)، oklch(0.562 0.087 121.4)) أقرب إلى اللون المسمّى Grasshopper. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#6D7D40
oklch(0.562 0.087 121.4)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7A8953
- 889666
- 96A378
- A4B08B
- B3BC9E
- C2CAB1
- D1D7C4
- E0E4D7
- EFF1EB
درجات داكنة
- 5E6C36
- 4F5B2D
- 414B24
- 333B1B
- 262C13
- 191E0B
- 0D1105
- 040501
- 010100
درجات رمادية
- 6F7D47
- 717E4F
- 737E55
- 747F5C
- 767F62
- 787F68
- 7A7F6E
- 7C8074
- 7E807A
تناسق الألوان
متمم +180°
- 6D7D40
Grasshopper
- 7E69A0
≈ Purple Paradise
متجاور -30° +30°
- 6D7D40
Grasshopper
- 887333
≈ Jumping Juniper
- 4C845B
≈ Kilkenny
ثلاثي +120° +240°
- 6D7D40
Grasshopper
- 427BA4
≈ Zenith
- 9F5F72
≈ Tropical Hibiscus
متمم منقسم +150° +210°
- 6D7D40
Grasshopper
- 6272A9
≈ King’s Robe
- 93628C
≈ Hashita Purple
رباعي +90° +180° +270°
- 6D7D40
Grasshopper
- 248292
≈ Pagoda Blue
- 7E69A0
≈ Purple Paradise
- A26155
≈ Savannah Red
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.50:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.65:1 · APCA Lc 30
أفضل لون للنص: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
مقتطفات الأكواد
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);
}