لون مسمّى · #7E9285
Green Bay
Green Bay هو #7E9285: rgb(126 146 133)، hsl(141 8% 53%)، oklch(0.64 0.03 157). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Green Bay color name →
#7E9285
oklch(0.64 0.03 157)
تحويلات الألوان
- HEX
- #7e9285
- RGB
- rgb(126 146 133)
- HSL
- hsl(141 8% 53%)
- HWB
- hwb(141 49% 43%)
- OKLCH
- oklch(0.64 0.03 157)
- OKLab
- oklab(0.64 -0.028 0.012)
- CIE Lab
- lab(58.67 -9.42 4.39)
- LCH
- lch(58.67 10.39 155)
- CMYK
- cmyk(14% 0% 9% 43%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8A9C91
- 97A79C
- A3B2A8
- B0BCB4
- BDC7C0
- CAD2CD
- D7DDD9
- E4E8E5
- F1F4F2
درجات داكنة
- 6D7E73
- 5C6B61
- 4C5850
- 3C4640
- 2D3530
- 1F2521
- 111613
- 050806
- 010101
درجات رمادية
- 7E9085
- 7F8E84
- 7F8D84
- 7F8B83
- 7F8983
- 7F8782
- 808582
- 808481
- 808281
تناسق الألوان
متمم +180°
- 7E9285
Green Bay
- 998693
≈ Purple Mauve
متجاور -30° +30°
- 7E9285
Green Bay
- 87907D
≈ Eucalyptus Wreath
- 78928F
≈ Castaway Cove
ثلاثي +120° +240°
- 7E9285
Green Bay
- 878B9F
≈ Mandrake
- 9D8680
≈ Pigeon Pink
متمم منقسم +150° +210°
- 7E9285
Green Bay
- 91889B
≈ Gentle Grape
- 9D8589
≈ Wallflower
رباعي +90° +180° +270°
- 7E9285
Green Bay
- 7E8E9E
≈ Lucid Blue
- 998693
≈ Purple Mauve
- 998979
≈ Pale Khaki
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.31:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 6.33:1 · APCA Lc 41
أفضل لون للنص: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--green-bay: #7e9285;
--green-bay-rgb: 126 146 133;
--green-bay-oklch: oklch(0.64 0.03 157);
}
.element {
color: var(--green-bay);
background-color: hsl(141 8% 53%);
border-color: oklch(0.64 0.03 157);
}Tailwind CSS v4
@theme {
--color-green-bay: #7e9285;
--color-green-bay-50: #eef8f2;
--color-green-bay-100: #e0ebe4;
--color-green-bay-200: #cad8d0;
--color-green-bay-300: #abbcb2;
--color-green-bay-400: #91a497;
--color-green-bay-500: #778c7e;
--color-green-bay-600: #64776b;
--color-green-bay-700: #505f55;
--color-green-bay-800: #3a463e;
--color-green-bay-900: #28302b;
--color-green-bay-950: #161c18;
}SCSS
$green-bay: #7e9285;
$green-bay-rgb: 126, 146, 133;
$green-bay-light: mix(#fff, $green-bay, 20%);
$green-bay-dark: mix(#000, $green-bay, 20%);
.element {
color: $green-bay;
box-shadow: 0 0 0 2px rgba($green-bay, 0.35);
}