أقرب لون مسمّى · #407F91
#407F91
أقرب لون مسمّى: Panorama
#407F91 (rgb(64 127 145)، hsl(193 39% 41%)، oklch(0.562 0.07 218.8)) أقرب إلى اللون المسمّى Panorama. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#407F91
oklch(0.562 0.07 218.8)
تحويلات الألوان
- HEX
- #407f91
- RGB
- rgb(64 127 145)
- HSL
- hsl(193 39% 41%)
- HWB
- hwb(193 25% 43%)
- OKLCH
- oklch(0.562 0.07 218.8)
- OKLab
- oklab(0.562 -0.055 -0.044)
- CIE Lab
- lab(49.58 -17.04 -16.33)
- LCH
- lch(49.58 23.61 223.8)
- CMYK
- cmyk(56% 12% 0% 43%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 548B9C
- 6798A6
- 7AA4B1
- 8DB1BC
- A0BEC7
- B2CAD2
- C5D7DD
- D8E5E8
- ECF2F4
درجات داكنة
- 366E7D
- 2D5D6A
- 244C58
- 1B3C46
- 132D35
- 0B1F25
- 051115
- 010607
- 000101
درجات رمادية
- 487F8F
- 507F8E
- 57808C
- 5D808A
- 648089
- 6A8087
- 708085
- 758084
- 7B8082
تناسق الألوان
متمم +180°
- 407F91
Panorama
- 996756
≈ Bucking Bronco
متجاور -30° +30°
- 407F91
Panorama
- 3D827D
≈ Bubble Turquoise
- 54799D
≈ Storm Blue
ثلاثي +120° +240°
- 407F91
Panorama
- 916583
≈ Rust Magenta
- 7F7644
≈ Steppe Green
متمم منقسم +150° +210°
- 407F91
Panorama
- 99646C
≈ Soft Bromeliad
- 906D46
≈ Tanned Wood
رباعي +90° +180° +270°
- 407F91
Panorama
- 816A95
≈ Ornate
- 996756
≈ Bucking Bronco
- 687D50
≈ Mint Leaves
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.50:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.66:1 · APCA Lc 31
أفضل لون للنص: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--panorama: #407f91;
--panorama-rgb: 64 127 145;
--panorama-oklch: oklch(0.562 0.07 218.8);
}
.element {
color: var(--panorama);
background-color: hsl(193 39% 41%);
border-color: oklch(0.562 0.07 218.8);
}Tailwind CSS v4
@theme {
--color-panorama: #407f91;
--color-panorama-50: #e0faff;
--color-panorama-100: #cfeef9;
--color-panorama-200: #b4dcea;
--color-panorama-300: #90c0d1;
--color-panorama-400: #6da9bb;
--color-panorama-500: #4a91a6;
--color-panorama-600: #407b8c;
--color-panorama-700: #336270;
--color-panorama-800: #234852;
--color-panorama-900: #173239;
--color-panorama-950: #081e24;
}SCSS
$panorama: #407f91;
$panorama-rgb: 64, 127, 145;
$panorama-light: mix(#fff, $panorama, 20%);
$panorama-dark: mix(#000, $panorama, 20%);
.element {
color: $panorama;
box-shadow: 0 0 0 2px rgba($panorama, 0.35);
}