أقرب لون مسمّى · #106791
#106791
أقرب لون مسمّى: Hydra
#106791 (rgb(16 103 145)، hsl(200 80% 32%)، oklch(0.487 0.101 236.8)) أقرب إلى اللون المسمّى Hydra. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#106791
oklch(0.487 0.101 236.8)
تحويلات الألوان
- HEX
- #106791
- RGB
- rgb(16 103 145)
- HSL
- hsl(200 80% 32%)
- HWB
- hwb(200 6% 43%)
- OKLCH
- oklch(0.487 0.101 236.8)
- OKLab
- oklab(0.487 -0.055 -0.084)
- CIE Lab
- lab(40.5 -12.6 -30.42)
- LCH
- lch(40.5 32.92 247.5)
- CMYK
- cmyk(89% 29% 0% 43%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 32769C
- 4B84A7
- 6293B2
- 78A2BD
- 8EB1C8
- A5C1D3
- BBD0DE
- D1E0E9
- E8EFF4
درجات داكنة
- 0C597D
- 094B6A
- 063D58
- 043046
- 022335
- 011725
- 000C15
- 000407
- 000001
درجات رمادية
- 256A90
- 336D8E
- 3F6F8D
- 49728B
- 53758A
- 5D7788
- 667986
- 6F7C84
- 777E82
تناسق الألوان
متمم +180°
- 106791
Hydra
- 8A4F1D
≈ Plane Brown
متجاور -30° +30°
- 106791
Hydra
- 006D77
≈ Toadstool Teal
- 465D99
≈ Blue Dahlia
ثلاثي +120° +240°
- 106791
Hydra
- 8C4561
≈ Putnam Plum
- 5C6618
≈ Mud Green
متمم منقسم +150° +210°
- 106791
Hydra
- 904740
≈ Rojo Oxide
- 785B00
≈ Blackfire Earth
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.22:1 · APCA Lc 81
Ag
Failعلى الأسود
WCAG 3.37:1 · APCA Lc 21
أفضل لون للنص: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hydra: #106791;
--hydra-rgb: 16 103 145;
--hydra-oklch: oklch(0.487 0.101 236.8);
}
.element {
color: var(--hydra);
background-color: hsl(200 80% 32%);
border-color: oklch(0.487 0.101 236.8);
}Tailwind CSS v4
@theme {
--color-hydra: #106791;
--color-hydra-50: #dcfaff;
--color-hydra-100: #caedff;
--color-hydra-200: #addbfb;
--color-hydra-300: #87bfe6;
--color-hydra-400: #60a7d2;
--color-hydra-500: #378fc0;
--color-hydra-600: #3079a2;
--color-hydra-700: #276182;
--color-hydra-800: #184860;
--color-hydra-900: #103243;
--color-hydra-950: #031d2b;
}SCSS
$hydra: #106791;
$hydra-rgb: 16, 103, 145;
$hydra-light: mix(#fff, $hydra, 20%);
$hydra-dark: mix(#000, $hydra, 20%);
.element {
color: $hydra;
box-shadow: 0 0 0 2px rgba($hydra, 0.35);
}