أقرب لون مسمّى · #3A768F
#3A768F
أقرب لون مسمّى: Calypso
#3A768F (rgb(58 118 143)، hsl(198 42% 39%)، oklch(0.536 0.073 227.7)) أقرب إلى اللون المسمّى Calypso. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#3A768F
oklch(0.536 0.073 227.7)
تحويلات الألوان
- HEX
- #3a768f
- RGB
- rgb(58 118 143)
- HSL
- hsl(198 42% 39%)
- HWB
- hwb(198 23% 44%)
- OKLCH
- oklch(0.536 0.073 227.7)
- OKLab
- oklab(0.536 -0.049 -0.054)
- CIE Lab
- lab(46.44 -14.38 -19.96)
- LCH
- lch(46.44 24.6 234.2)
- CMYK
- cmyk(59% 17% 0% 44%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4F839A
- 6290A5
- 769EB0
- 89ABBB
- 9CB9C6
- B0C7D1
- C3D5DD
- D7E3E8
- EBF1F4
درجات داكنة
- 31667C
- 285669
- 204757
- 183845
- 102934
- 091C24
- 040F15
- 010507
- 000101
درجات رمادية
- 43778E
- 4B788C
- 52798B
- 5A7B89
- 607C88
- 677C86
- 6E7D85
- 747E83
- 7A7F82
تناسق الألوان
متمم +180°
- 3A768F
Calypso
- 916048
≈ Weathered Leather
متجاور -30° +30°
- 3A768F
Calypso
- 2F7B7D
≈ Atoll
- 526F98
≈ Riverside
ثلاثي +120° +240°
- 3A768F
Calypso
- 8D5C75
≈ Grape Nectar
- 72713C
≈ Relentless Olive
متمم منقسم +150° +210°
- 3A768F
Calypso
- 935C5E
≈ Spiced Potpourri
- 85683A
≈ Blue Cheese Olive
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.03:1 · APCA Lc 75
Ag
Failعلى الأسود
WCAG 4.16:1 · APCA Lc 27
أفضل لون للنص: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--calypso: #3a768f;
--calypso-rgb: 58 118 143;
--calypso-oklch: oklch(0.536 0.073 227.7);
}
.element {
color: var(--calypso);
background-color: hsl(198 42% 39%);
border-color: oklch(0.536 0.073 227.7);
}Tailwind CSS v4
@theme {
--color-calypso: #3a768f;
--color-calypso-50: #e1faff;
--color-calypso-100: #d0edfc;
--color-calypso-200: #b5dbee;
--color-calypso-300: #91bfd6;
--color-calypso-400: #6fa7c1;
--color-calypso-500: #4d90ac;
--color-calypso-600: #427a92;
--color-calypso-700: #346175;
--color-calypso-800: #244856;
--color-calypso-900: #18323c;
--color-calypso-950: #081e26;
}SCSS
$calypso: #3a768f;
$calypso-rgb: 58, 118, 143;
$calypso-light: mix(#fff, $calypso, 20%);
$calypso-dark: mix(#000, $calypso, 20%);
.element {
color: $calypso;
box-shadow: 0 0 0 2px rgba($calypso, 0.35);
}