أقرب لون مسمّى · #457B5F
#457B5F
أقرب لون مسمّى: Amazon
#457B5F (rgb(69 123 95)، hsl(149 28% 38%)، oklch(0.537 0.073 159.9)) أقرب إلى اللون المسمّى Amazon. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#457B5F
oklch(0.537 0.073 159.9)
تحويلات الألوان
- HEX
- #457b5f
- RGB
- rgb(69 123 95)
- HSL
- hsl(149 28% 38%)
- HWB
- hwb(149 27% 52%)
- OKLCH
- oklch(0.537 0.073 159.9)
- OKLab
- oklab(0.537 -0.069 0.025)
- CIE Lab
- lab(47.26 -24 9.51)
- LCH
- lch(47.26 25.82 158.4)
- CMYK
- cmyk(44% 0% 23% 52%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 58886E
- 6A947D
- 7CA18C
- 8EAE9C
- A1BBAC
- B3C9BC
- C6D6CC
- D9E4DD
- ECF1EE
درجات داكنة
- 3B6A52
- 315A44
- 274A38
- 1E3A2C
- 152C20
- 0C1E15
- 05100A
- 020503
- 000100
درجات رمادية
- 4C7C62
- 537C66
- 597D69
- 5F7D6C
- 657E6F
- 6A7E73
- 707F76
- 757F79
- 7B807D
تناسق الألوان
متمم +180°
- 457B5F
Amazon
- 8B5D7B
≈ Argyle Purple
متجاور -30° +30°
- 457B5F
Amazon
- 607648
≈ Jolly Green
- 317B77
≈ Zirconia Teal
ثلاثي +120° +240°
- 457B5F
Amazon
- 656998
≈ Dark Horizon
- 925F4D
≈ Sequoia Grove
متمم منقسم +150° +210°
- 457B5F
Amazon
- 7B628E
≈ Super Violet
- 935C64
≈ Prosperity
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.93:1 · APCA Lc 74
Ag
Failعلى الأسود
WCAG 4.25:1 · APCA Lc 28
أفضل لون للنص: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--amazon: #457b5f;
--amazon-rgb: 69 123 95;
--amazon-oklch: oklch(0.537 0.073 159.9);
}
.element {
color: var(--amazon);
background-color: hsl(149 28% 38%);
border-color: oklch(0.537 0.073 159.9);
}Tailwind CSS v4
@theme {
--color-amazon: #457b5f;
--color-amazon-50: #e4fcef;
--color-amazon-100: #d3f0e0;
--color-amazon-200: #b9dfcb;
--color-amazon-300: #96c4ac;
--color-amazon-400: #78ac90;
--color-amazon-500: #589575;
--color-amazon-600: #4b7e63;
--color-amazon-700: #3c654f;
--color-amazon-800: #2c4a39;
--color-amazon-900: #1d3327;
--color-amazon-950: #0d1f15;
}SCSS
$amazon: #457b5f;
$amazon-rgb: 69, 123, 95;
$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);
}