أقرب لون مسمّى · #2E7F54
#2E7F54
أقرب لون مسمّى: Amazon
#2E7F54 (rgb(46 127 84)، hsl(148 47% 34%)، oklch(0.535 0.104 156.7)) أقرب إلى اللون المسمّى Amazon. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#2E7F54
oklch(0.535 0.104 156.7)
تحويلات الألوان
- HEX
- #2e7f54
- RGB
- rgb(46 127 84)
- HSL
- hsl(148 47% 34%)
- HWB
- hwb(148 18% 50%)
- OKLCH
- oklch(0.535 0.104 156.7)
- OKLab
- oklab(0.535 -0.096 0.041)
- CIE Lab
- lab(47.44 -33.69 15.89)
- LCH
- lch(47.44 37.25 154.8)
- CMYK
- cmyk(64% 0% 34% 50%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 468B64
- 5C9874
- 71A584
- 85B195
- 99BEA6
- ADCBB7
- C1D8C9
- D6E5DB
- EAF2ED
درجات داكنة
- 276E48
- 1F5D3C
- 184C31
- 123C26
- 0B2D1B
- 061F11
- 021108
- 010602
- 000100
درجات رمادية
- 3A7F59
- 44805D
- 4D8061
- 558066
- 5D806A
- 65806F
- 6C8073
- 738077
- 79807C
تناسق الألوان
متمم +180°
- 2E7F54
Amazon
- 935483
≈ Grape Candy
متجاور -30° +30°
- 2E7F54
Amazon
- 5D7830
≈ Majestic Jungle
- 007E76
≈ Coelia Greenshade
ثلاثي +120° +240°
- 2E7F54
Amazon
- 5E67A9
≈ Bellflower
- A05540
≈ Kalahari Sunset
متمم منقسم +150° +210°
- 2E7F54
Amazon
- 7D5C9C
≈ Sonic Plum
- 9F5163
≈ Mission Wildflower
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.90:1 · APCA Lc 74
Ag
Failعلى الأسود
WCAG 4.27:1 · APCA Lc 28
أفضل لون للنص: #FFFFFF
WCAG 4.90:1 (AA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--amazon: #2e7f54;
--amazon-rgb: 46 127 84;
--amazon-oklch: oklch(0.535 0.104 156.7);
}
.element {
color: var(--amazon);
background-color: hsl(148 47% 34%);
border-color: oklch(0.535 0.104 156.7);
}Tailwind CSS v4
@theme {
--color-amazon: #2e7f54;
--color-amazon-50: #ddffea;
--color-amazon-100: #ccf3db;
--color-amazon-200: #afe2c4;
--color-amazon-300: #89c8a4;
--color-amazon-400: #67b185;
--color-amazon-500: #409b69;
--color-amazon-600: #38835a;
--color-amazon-700: #2d6947;
--color-amazon-800: #214d32;
--color-amazon-900: #163522;
--color-amazon-950: #062011;
}SCSS
$amazon: #2e7f54;
$amazon-rgb: 46, 127, 84;
$amazon-light: mix(#fff, $amazon, 20%);
$amazon-dark: mix(#000, $amazon, 20%);
.element {
color: $amazon;
box-shadow: 0 0 0 2px rgba($amazon, 0.35);
}