لون مسمّى · #1E8CAB
Mediterranean Sea
Mediterranean Sea هو #1E8CAB: rgb(30 140 171)، hsl(193 70% 39%)، oklch(0.596 0.103 222.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Mediterranean Sea color name →
#1E8CAB
oklch(0.596 0.103 222.4)
تحويلات الألوان
- HEX
- #1e8cab
- RGB
- rgb(30 140 171)
- HSL
- hsl(193 70% 39%)
- HWB
- hwb(193 12% 33%)
- OKLCH
- oklch(0.596 0.103 222.4)
- OKLab
- oklab(0.596 -0.076 -0.069)
- CIE Lab
- lab(53.55 -22.26 -25.39)
- LCH
- lch(53.55 33.76 228.8)
- CMYK
- cmyk(82% 18% 0% 33%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4097B3
- 59A3BC
- 6FAEC4
- 85BACD
- 99C5D5
- AED1DE
- C2DCE6
- D6E8EE
- EBF3F7
درجات داكنة
- 197994
- 13677E
- 0E5568
- 094354
- 053340
- 03232D
- 01141B
- 00070B
- 000101
درجات رمادية
- 328BA7
- 3F8AA3
- 4B899E
- 54889A
- 5D8796
- 658692
- 6C848D
- 738389
- 7A8284
تناسق الألوان
متمم +180°
- 1E8CAB
Mediterranean Sea
- B2694C
≈ Amber Brown
متجاور -30° +30°
- 1E8CAB
Mediterranean Sea
- 00928F
≈ Supermint
- 4F82BB
≈ Fisher King
ثلاثي +120° +240°
- 1E8CAB
Mediterranean Sea
- A96590
≈ Exotic Bloom
- 8B812F
≈ Apeland
متمم منقسم +150° +210°
- 1E8CAB
Mediterranean Sea
- B3646E
≈ Sensuous
- A47431
≈ Digger’s Gold
رباعي +90° +180° +270°
- 1E8CAB
Mediterranean Sea
- 946CAB
≈ Crown Jewels
- B2694C
≈ Amber Brown
- 678C49
≈ Makrut Lime
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.89:1 · APCA Lc 66
Ag
AAعلى الأسود
WCAG 5.39:1 · APCA Lc 36
أفضل لون للنص: #000000
WCAG 5.39:1 (AA) · APCA Lc 36
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mediterranean-sea: #1e8cab;
--mediterranean-sea-rgb: 30 140 171;
--mediterranean-sea-oklch: oklch(0.596 0.103 222.4);
}
.element {
color: var(--mediterranean-sea);
background-color: hsl(193 70% 39%);
border-color: oklch(0.596 0.103 222.4);
}Tailwind CSS v4
@theme {
--color-mediterranean-sea: #1e8cab;
--color-mediterranean-sea-50: #d7fcff;
--color-mediterranean-sea-100: #c4f0ff;
--color-mediterranean-sea-200: #a5def5;
--color-mediterranean-sea-300: #7bc3df;
--color-mediterranean-sea-400: #4facca;
--color-mediterranean-sea-500: #0a94b7;
--color-mediterranean-sea-600: #127e9b;
--color-mediterranean-sea-700: #10657c;
--color-mediterranean-sea-800: #064a5b;
--color-mediterranean-sea-900: #053440;
--color-mediterranean-sea-950: #001f29;
}SCSS
$mediterranean-sea: #1e8cab;
$mediterranean-sea-rgb: 30, 140, 171;
$mediterranean-sea-light: mix(#fff, $mediterranean-sea, 20%);
$mediterranean-sea-dark: mix(#000, $mediterranean-sea, 20%);
.element {
color: $mediterranean-sea;
box-shadow: 0 0 0 2px rgba($mediterranean-sea, 0.35);
}