이름 색상 · #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);
}