لون مسمّى · #BAE3EB
Alaskan Wind
Alaskan Wind هو #BAE3EB: rgb(186 227 235)، hsl(190 55% 83%)، oklch(0.889 0.044 210.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Alaskan Wind color name →
#BAE3EB
oklch(0.889 0.044 210.8)
تحويلات الألوان
- HEX
- #bae3eb
- RGB
- rgb(186 227 235)
- HSL
- hsl(190 55% 83%)
- HWB
- hwb(190 73% 8%)
- OKLCH
- oklch(0.889 0.044 210.8)
- OKLab
- oklab(0.889 -0.038 -0.023)
- CIE Lab
- lab(87.5 -12.53 -8.57)
- LCH
- lch(87.5 15.18 214.4)
- CMYK
- cmyk(21% 3% 0% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C1E6ED
- C8E9EF
- CFEBF1
- D6EEF3
- DDF1F5
- E4F4F7
- EBF7F9
- F1F9FB
- F8FCFD
درجات داكنة
- A1C5CC
- 89A8AE
- 728C91
- 5C7175
- 46575B
- 323F41
- 1E2729
- 0D1213
- 020303
درجات رمادية
- B4D9E0
- AECED5
- A9C4CA
- A3BABF
- 9DB0B4
- 97A6A9
- 929D9F
- 8C9394
- 86898A
تناسق الألوان
متمم +180°
- BAE3EB
Alaskan Wind
- F6D0C9
≈ Coral Candy
متجاور -30° +30°
- BAE3EB
Alaskan Wind
- BCE5DC
≈ Soothing Sea
- C1DFF5
≈ Tropical Pool
ثلاثي +120° +240°
- BAE3EB
Alaskan Wind
- ECD0E8
≈ Poodle Pink
- E5DABA
≈ At the Beach
متمم منقسم +150° +210°
- BAE3EB
Alaskan Wind
- F5CFD9
≈ Icy Pink
- F1D5BE
≈ Iced Apricot
رباعي +90° +180° +270°
- BAE3EB
Alaskan Wind
- DFD4F4
≈ Japan Blush
- F6D0C9
≈ Coral Candy
- D6DFBF
≈ Security
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.37:1 · APCA Lc 18
Ag
AAAعلى الأسود
WCAG 15.27:1 · APCA Lc 85
أفضل لون للنص: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--alaskan-wind: #bae3eb;
--alaskan-wind-rgb: 186 227 235;
--alaskan-wind-oklch: oklch(0.889 0.044 210.8);
}
.element {
color: var(--alaskan-wind);
background-color: hsl(190 55% 83%);
border-color: oklch(0.889 0.044 210.8);
}Tailwind CSS v4
@theme {
--color-alaskan-wind: #bae3eb;
--color-alaskan-wind-50: #e8f9fd;
--color-alaskan-wind-100: #d8ecf1;
--color-alaskan-wind-200: #c0dadf;
--color-alaskan-wind-300: #9fbec5;
--color-alaskan-wind-400: #81a6ad;
--color-alaskan-wind-500: #648e97;
--color-alaskan-wind-600: #55797f;
--color-alaskan-wind-700: #436066;
--color-alaskan-wind-800: #30474b;
--color-alaskan-wind-900: #213134;
--color-alaskan-wind-950: #101d1f;
}SCSS
$alaskan-wind: #bae3eb;
$alaskan-wind-rgb: 186, 227, 235;
$alaskan-wind-light: mix(#fff, $alaskan-wind, 20%);
$alaskan-wind-dark: mix(#000, $alaskan-wind, 20%);
.element {
color: $alaskan-wind;
box-shadow: 0 0 0 2px rgba($alaskan-wind, 0.35);
}