أقرب لون مسمّى · #6EAEBA
#6EAEBA
أقرب لون مسمّى: Glacier
#6EAEBA (rgb(110 174 186)، hsl(189 36% 58%)، oklch(0.712 0.068 210.7)) أقرب إلى اللون المسمّى Glacier. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#6EAEBA
oklch(0.712 0.068 210.7)
تحويلات الألوان
- HEX
- #6eaeba
- RGB
- rgb(110 174 186)
- HSL
- hsl(189 36% 58%)
- HWB
- hwb(189 43% 27%)
- OKLCH
- oklch(0.712 0.068 210.7)
- OKLab
- oklab(0.712 -0.058 -0.035)
- CIE Lab
- lab(67.12 -18.99 -13)
- LCH
- lch(67.12 23.02 214.4)
- CMYK
- cmyk(41% 6% 0% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7DB6C1
- 8CBEC8
- 9BC6CE
- A9CED5
- B7D6DC
- C6DEE3
- D4E6EA
- E2EFF1
- F1F7F8
درجات داكنة
- 5F97A1
- 508089
- 416A72
- 33555C
- 264146
- 192E32
- 0E1C1E
- 040B0D
- 010102
درجات رمادية
- 71A9B4
- 73A5AE
- 76A0A8
- 789CA2
- 7A979D
- 7B9297
- 7D8E91
- 7E898B
- 7F8586
تناسق الألوان
متمم +180°
- 6EAEBA
Glacier
- C99389
≈ Mexican Moonlight
متجاور -30° +30°
- 6EAEBA
Glacier
- 71B0A4
≈ Turquoise Fantasies
- 7CA8C9
≈ Mirror Lake
ثلاثي +120° +240°
- 6EAEBA
Glacier
- BB93B6
≈ Mauve Magic
- B2A171
≈ Zucchini Garden
متمم منقسم +150° +210°
- 6EAEBA
Glacier
- C791A0
≈ Beetroot Rice
- C29977
≈ Copper Moon
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.49:1 · APCA Lc 49
Ag
AAAعلى الأسود
WCAG 8.42:1 · APCA Lc 53
أفضل لون للنص: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--glacier: #6eaeba;
--glacier-rgb: 110 174 186;
--glacier-oklch: oklch(0.712 0.068 210.7);
}
.element {
color: var(--glacier);
background-color: hsl(189 36% 58%);
border-color: oklch(0.712 0.068 210.7);
}Tailwind CSS v4
@theme {
--color-glacier: #6eaeba;
--color-glacier-50: #e0fbff;
--color-glacier-100: #cfeef5;
--color-glacier-200: #b4dce5;
--color-glacier-300: #8fc1cc;
--color-glacier-400: #6eaab5;
--color-glacier-500: #4a929f;
--color-glacier-600: #407c87;
--color-glacier-700: #33636c;
--color-glacier-800: #23494f;
--color-glacier-900: #173337;
--color-glacier-950: #081e22;
}SCSS
$glacier: #6eaeba;
$glacier-rgb: 110, 174, 186;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}