أقرب لون مسمّى · #57A1DA
#57A1DA
أقرب لون مسمّى: Windjammer
#57A1DA (rgb(87 161 218)، hsl(206 64% 60%)، oklch(0.685 0.112 243.8)) أقرب إلى اللون المسمّى Windjammer. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#57A1DA
oklch(0.685 0.112 243.8)
تحويلات الألوان
- HEX
- #57a1da
- RGB
- rgb(87 161 218)
- HSL
- hsl(206 64% 60%)
- HWB
- hwb(206 34% 15%)
- OKLCH
- oklch(0.685 0.112 243.8)
- OKLab
- oklab(0.685 -0.05 -0.101)
- CIE Lab
- lab(63.28 -10.96 -36.59)
- LCH
- lch(63.28 38.2 253.3)
- CMYK
- cmyk(60% 26% 0% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 69ABDE
- 7BB4E2
- 8CBDE6
- 9CC7EA
- ADD0EE
- BDDAF2
- CEE3F5
- DEECF8
- EFF6FC
درجات داكنة
- 4B8BBD
- 3E76A2
- 336287
- 274E6C
- 1C3C54
- 122A3C
- 081925
- 030911
- 000102
درجات رمادية
- 5D9ED1
- 629BC8
- 6798BF
- 6C94B6
- 7091AD
- 738EA4
- 778B9B
- 7A8792
- 7D8489
تناسق الألوان
متمم +180°
- 57A1DA
Windjammer
- CA8A4A
≈ Golden Pumpkin
متجاور -30° +30°
- 57A1DA
Windjammer
- 26ABC4
≈ Sarah’s Garden
- 8494DF
≈ Portage
ثلاثي +120° +240°
- 57A1DA
Windjammer
- D37B92
≈ Minuette
- 8CA554
≈ Chelsea Cucumber
متمم منقسم +150° +210°
- 57A1DA
Windjammer
- D67F6B
≈ Fire Chalk
- B1983E
≈ Mana
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.51:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--windjammer: #57a1da;
--windjammer-rgb: 87 161 218;
--windjammer-oklch: oklch(0.685 0.112 243.8);
}
.element {
color: var(--windjammer);
background-color: hsl(206 64% 60%);
border-color: oklch(0.685 0.112 243.8);
}Tailwind CSS v4
@theme {
--color-windjammer: #57a1da;
--color-windjammer-50: #dcf9ff;
--color-windjammer-100: #caedff;
--color-windjammer-200: #addaff;
--color-windjammer-300: #87beee;
--color-windjammer-400: #60a6dc;
--color-windjammer-500: #388dcb;
--color-windjammer-600: #3177ab;
--color-windjammer-700: #276089;
--color-windjammer-800: #184666;
--color-windjammer-900: #0f3147;
--color-windjammer-950: #021d2f;
}SCSS
$windjammer: #57a1da;
$windjammer-rgb: 87, 161, 218;
$windjammer-light: mix(#fff, $windjammer, 20%);
$windjammer-dark: mix(#000, $windjammer, 20%);
.element {
color: $windjammer;
box-shadow: 0 0 0 2px rgba($windjammer, 0.35);
}