أقرب لون مسمّى · #73B8CA
#73B8CA
أقرب لون مسمّى: Glacier
#73B8CA (rgb(115 184 202)، hsl(192 45% 62%)، oklch(0.743 0.074 216.2)) أقرب إلى اللون المسمّى Glacier. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#73B8CA
oklch(0.743 0.074 216.2)
تحويلات الألوان
- HEX
- #73b8ca
- RGB
- rgb(115 184 202)
- HSL
- hsl(192 45% 62%)
- HWB
- hwb(192 45% 21%)
- OKLCH
- oklch(0.743 0.074 216.2)
- OKLab
- oklab(0.743 -0.06 -0.044)
- CIE Lab
- lab(70.7 -19.15 -16.38)
- LCH
- lch(70.7 25.2 220.5)
- CMYK
- cmyk(43% 9% 0% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 82BFCF
- 90C6D5
- 9FCDDA
- ADD4DF
- BADBE5
- C8E3EA
- D6EAEF
- E4F1F4
- F1F8FA
درجات داكنة
- 63A0AF
- 548895
- 45717C
- 365B64
- 28454D
- 1B3137
- 0F1E22
- 050C0F
- 010202
درجات رمادية
- 75B2C2
- 78ADBB
- 7AA7B3
- 7BA1AC
- 7C9CA4
- 7E969D
- 7E9196
- 7F8B8E
- 808687
تناسق الألوان
متمم +180°
- 73B8CA
Glacier
- D69C8B
≈ Nectarine Spice
متجاور -30° +30°
- 73B8CA
Glacier
- 73BBB3
≈ Earth Eclipse
- 85B1D8
≈ Boo Blue
ثلاثي +120° +240°
- 73B8CA
Glacier
- CB9ABE
≈ Peach Buff
- B9AC76
≈ Heavy Goldbrown
متمم منقسم +150° +210°
- 73B8CA
Glacier
- D599A4
≈ Parrot Pink
- CCA37A
≈ Golden Beige
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.22:1 · APCA Lc 44
Ag
AAAعلى الأسود
WCAG 9.43:1 · APCA Lc 58
أفضل لون للنص: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--glacier: #73b8ca;
--glacier-rgb: 115 184 202;
--glacier-oklch: oklch(0.743 0.074 216.2);
}
.element {
color: var(--glacier);
background-color: hsl(192 45% 62%);
border-color: oklch(0.743 0.074 216.2);
}Tailwind CSS v4
@theme {
--color-glacier: #73b8ca;
--color-glacier-50: #dffbff;
--color-glacier-100: #cdeff9;
--color-glacier-200: #b2ddea;
--color-glacier-300: #8cc1d1;
--color-glacier-400: #69aabb;
--color-glacier-500: #4492a6;
--color-glacier-600: #3b7c8c;
--color-glacier-700: #2f6370;
--color-glacier-800: #204952;
--color-glacier-900: #153339;
--color-glacier-950: #061e24;
}SCSS
$glacier: #73b8ca;
$glacier-rgb: 115, 184, 202;
$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);
}