أقرب لون مسمّى · #3E8EAD
#3E8EAD
أقرب لون مسمّى: Mediterranean Sea
#3E8EAD (rgb(62 142 173)، hsl(197 47% 46%)، oklch(0.61 0.09 226.7)) أقرب إلى اللون المسمّى Mediterranean Sea. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#3E8EAD
oklch(0.61 0.09 226.7)
تحويلات الألوان
- HEX
- #3e8ead
- RGB
- rgb(62 142 173)
- HSL
- hsl(197 47% 46%)
- HWB
- hwb(197 24% 32%)
- OKLCH
- oklch(0.61 0.09 226.7)
- OKLab
- oklab(0.61 -0.062 -0.066)
- CIE Lab
- lab(55.07 -17.97 -24.13)
- LCH
- lch(55.07 30.08 233.3)
- CMYK
- cmyk(64% 18% 0% 32%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 5499B5
- 68A4BD
- 7CAFC6
- 8FBBCE
- A1C6D6
- B4D1DE
- C7DDE6
- D9E8EF
- ECF3F7
درجات داكنة
- 357B96
- 2B687F
- 23566A
- 1A4455
- 123441
- 0A242D
- 04151B
- 01070B
- 000101
درجات رمادية
- 488DA9
- 508CA4
- 588AA0
- 5F899B
- 658897
- 6B8692
- 71858E
- 768389
- 7B8285
تناسق الألوان
متمم +180°
- 3E8EAD
Mediterranean Sea
- B07253
≈ Glazed Pot
متجاور -30° +30°
- 3E8EAD
Mediterranean Sea
- 2E9495
≈ Sea Fantasy
- 5F85B9
≈ Marine Ink
ثلاثي +120° +240°
- 3E8EAD
Mediterranean Sea
- AB6D8E
≈ Purple Starburst
- 8A8743
≈ Overgrown Citadel
متمم منقسم +150° +210°
- 3E8EAD
Mediterranean Sea
- B36C70
≈ Dusty Rose
- A27C40
≈ Wood Thrush
رباعي +90° +180° +270°
- 3E8EAD
Mediterranean Sea
- 9972A7
≈ Ce Soir
- B07253
≈ Glazed Pot
- 699059
≈ Irish Charm
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.69:1 · APCA Lc 64
Ag
AAعلى الأسود
WCAG 5.67:1 · APCA Lc 37
أفضل لون للنص: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mediterranean-sea: #3e8ead;
--mediterranean-sea-rgb: 62 142 173;
--mediterranean-sea-oklch: oklch(0.61 0.09 226.7);
}
.element {
color: var(--mediterranean-sea);
background-color: hsl(197 47% 46%);
border-color: oklch(0.61 0.09 226.7);
}Tailwind CSS v4
@theme {
--color-mediterranean-sea: #3e8ead;
--color-mediterranean-sea-50: #dcfbff;
--color-mediterranean-sea-100: #caeeff;
--color-mediterranean-sea-200: #addcf3;
--color-mediterranean-sea-300: #86c1dc;
--color-mediterranean-sea-400: #60a9c8;
--color-mediterranean-sea-500: #3692b4;
--color-mediterranean-sea-600: #2f7b98;
--color-mediterranean-sea-700: #26637a;
--color-mediterranean-sea-800: #18495a;
--color-mediterranean-sea-900: #10333f;
--color-mediterranean-sea-950: #021e28;
}SCSS
$mediterranean-sea: #3e8ead;
$mediterranean-sea-rgb: 62, 142, 173;
$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);
}