Cor nomeada · #BAE3EB
Alaskan Wind
Alaskan Wind é #BAE3EB: rgb(186 227 235), hsl(190 55% 83%), oklch(0.889 0.044 210.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Alaskan Wind color name →
#BAE3EB
oklch(0.889 0.044 210.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C1E6ED
- C8E9EF
- CFEBF1
- D6EEF3
- DDF1F5
- E4F4F7
- EBF7F9
- F1F9FB
- F8FCFD
Sombras
- A1C5CC
- 89A8AE
- 728C91
- 5C7175
- 46575B
- 323F41
- 1E2729
- 0D1213
- 020303
Tons
- B4D9E0
- AECED5
- A9C4CA
- A3BABF
- 9DB0B4
- 97A6A9
- 929D9F
- 8C9394
- 86898A
Harmonias de cor
Complementar +180°
- BAE3EB
Alaskan Wind
- F6D0C9
≈ Coral Candy
Análoga -30° +30°
- BAE3EB
Alaskan Wind
- BCE5DC
≈ Soothing Sea
- C1DFF5
≈ Tropical Pool
Tríade +120° +240°
- BAE3EB
Alaskan Wind
- ECD0E8
≈ Poodle Pink
- E5DABA
≈ At the Beach
Complementar dividida +150° +210°
- BAE3EB
Alaskan Wind
- F5CFD9
≈ Icy Pink
- F1D5BE
≈ Iced Apricot
Tétrade +90° +180° +270°
- BAE3EB
Alaskan Wind
- DFD4F4
≈ Japan Blush
- F6D0C9
≈ Coral Candy
- D6DFBF
≈ Security
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.27:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
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);
}