لون مسمّى · #7EA07A
Green Grey
Green Grey هو #7EA07A: rgb(126 160 122)، hsl(114 17% 55%)، oklch(0.67 0.067 142.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Green Grey color name →
#7EA07A
oklch(0.67 0.067 142.1)
تحويلات الألوان
- HEX
- #7ea07a
- RGB
- rgb(126 160 122)
- HSL
- hsl(114 17% 55%)
- HWB
- hwb(114 48% 37%)
- OKLCH
- oklch(0.67 0.067 142.1)
- OKLab
- oklab(0.67 -0.053 0.041)
- CIE Lab
- lab(62.53 -17.87 15.89)
- LCH
- lch(62.53 23.92 138.4)
- CMYK
- cmyk(21% 0% 24% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8AA987
- 97B394
- A4BCA1
- B0C5AE
- BDCFBB
- CAD8C8
- D7E2D6
- E4ECE3
- F2F5F1
درجات داكنة
- 6D8B69
- 5C7659
- 4C6149
- 3C4E3A
- 2D3B2B
- 1F291D
- 111910
- 050905
- 010101
درجات رمادية
- 7E9D7B
- 7F9A7B
- 7F967C
- 7F937D
- 80907D
- 808D7E
- 808A7F
- 80867F
- 808380
تناسق الألوان
متمم +180°
- 7EA07A
Green Grey
- A988AE
≈ Dusty Lavender
متجاور -30° +30°
- 7EA07A
Green Grey
- 969A6A
≈ Guacamole
- 69A390
≈ Harmony in Green
ثلاثي +120° +240°
- 7EA07A
Green Grey
- 7F96BF
≈ Soothsayer
- BB8583
≈ Notice Me
متمم منقسم +150° +210°
- 7EA07A
Green Grey
- 968EBB
≈ Brave Purple
- B68499
≈ Nuisette
رباعي +90° +180° +270°
- 7EA07A
Green Grey
- 6A9DB7
≈ Lake Lucerne
- A988AE
≈ Dusty Lavender
- B78A6F
≈ Carmelite
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.91:1 · APCA Lc 56
Ag
AAAعلى الأسود
WCAG 7.19:1 · APCA Lc 46
أفضل لون للنص: #000000
WCAG 7.19:1 (AAA) · APCA Lc 46
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--green-grey: #7ea07a;
--green-grey-rgb: 126 160 122;
--green-grey-oklch: oklch(0.67 0.067 142.1);
}
.element {
color: var(--green-grey);
background-color: hsl(114 17% 55%);
border-color: oklch(0.67 0.067 142.1);
}Tailwind CSS v4
@theme {
--color-green-grey: #7ea07a;
--color-green-grey-50: #eafbe9;
--color-green-grey-100: #dbeeda;
--color-green-grey-200: #c4dcc3;
--color-green-grey-300: #a3c1a2;
--color-green-grey-400: #88a984;
--color-green-grey-500: #6d9269;
--color-green-grey-600: #5c7b59;
--color-green-grey-700: #4a6347;
--color-green-grey-800: #364832;
--color-green-grey-900: #253222;
--color-green-grey-950: #131e11;
}SCSS
$green-grey: #7ea07a;
$green-grey-rgb: 126, 160, 122;
$green-grey-light: mix(#fff, $green-grey, 20%);
$green-grey-dark: mix(#000, $green-grey, 20%);
.element {
color: $green-grey;
box-shadow: 0 0 0 2px rgba($green-grey, 0.35);
}