لون مسمّى · #104C77
Seashell Cove
Seashell Cove هو #104C77: rgb(16 76 119)، hsl(205 76% 26%)، oklch(0.403 0.093 245.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Seashell Cove color name →
#104C77
oklch(0.403 0.093 245.5)
تحويلات الألوان
- HEX
- #104c77
- RGB
- rgb(16 76 119)
- HSL
- hsl(205 76% 26%)
- HWB
- hwb(205 6% 53%)
- OKLCH
- oklch(0.403 0.093 245.5)
- OKLab
- oklab(0.403 -0.039 -0.085)
- CIE Lab
- lab(30.44 -5.96 -30.35)
- LCH
- lch(30.44 30.93 258.9)
- CMYK
- cmyk(87% 36% 0% 53%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 2C5D84
- 436E92
- 5A7F9F
- 7191AD
- 87A2BB
- 9FB4C8
- B6C7D6
- CED9E3
- E6ECF1
درجات داكنة
- 0C4167
- 093657
- 062C47
- 042238
- 02182A
- 010F1C
- 000610
- 000205
- 000001
درجات رمادية
- 205278
- 2D577A
- 385C7B
- 43617C
- 4E677D
- 586C7E
- 62717E
- 6C767F
- 767B80
تناسق الألوان
متمم +180°
- 104C77
Seashell Cove
- 693D00
≈ Bestial Brown
متجاور -30° +30°
- 104C77
Seashell Cove
- 005261
≈ Sandalwood Grey Blue
- 3B437A
≈ Little Blue Heron
ثلاثي +120° +240°
- 104C77
Seashell Cove
- 713041
≈ Cabernet Craving
- 3C510E
≈ Navy Green
متمم منقسم +150° +210°
- 104C77
Seashell Cove
- 723323
≈ Pueblo
- 564700
≈ Sugarloaf Brown
رباعي +90° +180° +270°
- 104C77
Seashell Cove
- 66335C
≈ Opulent Purple
- 693D00
≈ Bestial Brown
- 0C5732
≈ Moor-Monster
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 9.04:1 · APCA Lc 90
Ag
Failعلى الأسود
WCAG 2.32:1 · APCA Lc 12
أفضل لون للنص: #FFFFFF
WCAG 9.04:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--seashell-cove: #104c77;
--seashell-cove-rgb: 16 76 119;
--seashell-cove-oklch: oklch(0.403 0.093 245.5);
}
.element {
color: var(--seashell-cove);
background-color: hsl(205 76% 26%);
border-color: oklch(0.403 0.093 245.5);
}Tailwind CSS v4
@theme {
--color-seashell-cove: #104c77;
--color-seashell-cove-50: #e1f8ff;
--color-seashell-cove-100: #d0ecff;
--color-seashell-cove-200: #b5d9fb;
--color-seashell-cove-300: #91bce5;
--color-seashell-cove-400: #6fa4d2;
--color-seashell-cove-500: #4d8cc0;
--color-seashell-cove-600: #4276a2;
--color-seashell-cove-700: #355f82;
--color-seashell-cove-800: #234660;
--color-seashell-cove-900: #183043;
--color-seashell-cove-950: #081c2b;
}SCSS
$seashell-cove: #104c77;
$seashell-cove-rgb: 16, 76, 119;
$seashell-cove-light: mix(#fff, $seashell-cove, 20%);
$seashell-cove-dark: mix(#000, $seashell-cove, 20%);
.element {
color: $seashell-cove;
box-shadow: 0 0 0 2px rgba($seashell-cove, 0.35);
}