이름 색상 · #61A4CE
Alaskan Blue
Alaskan Blue은(는) #61A4CE: rgb(97 164 206), hsl(203 53% 59%), oklch(0.691 0.092 237.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Alaskan Blue color name →
#61A4CE
oklch(0.691 0.092 237.7)
색상 변환
- HEX
- #61a4ce
- RGB
- rgb(97 164 206)
- HSL
- hsl(203 53% 59%)
- HWB
- hwb(203 38% 19%)
- OKLCH
- oklch(0.691 0.092 237.7)
- OKLab
- oklab(0.691 -0.049 -0.078)
- CIE Lab
- lab(64.17 -13.14 -28.55)
- LCH
- lch(64.17 31.43 245.3)
- CMYK
- cmyk(53% 20% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- 72ADD3
- 82B6D8
- 92BFDD
- A1C8E2
- B1D1E7
- C1DAEC
- D0E4F1
- E0EDF6
- EFF6FA
셰이드
- 538EB3
- 467998
- 39647F
- 2D5066
- 213D4E
- 152B38
- 0B1A23
- 030A0F
- 000102
톤
- 65A1C6
- 6A9DBE
- 6D9AB6
- 7196AF
- 7492A7
- 778F9F
- 798B97
- 7C8790
- 7E8488
색 조화
보색 +180°
- 61A4CE
Alaskan Blue
- C78D61
≈ Butterum
유사색 -30° +30°
- 61A4CE
Alaskan Blue
- 4AACB9
≈ Verditer Blue
- 839AD5
≈ Purple Gentian
삼각 배색 +120° +240°
- 61A4CE
Alaskan Blue
- CA839C
≈ Cashmere Rose
- 97A360
≈ Banana Palm
분열 보색 +150° +210°
- 61A4CE
Alaskan Blue
- CF857C
≈ Raspberry Ripple
- B49855
≈ Viva Las Vegas
사각 배색 +90° +180° +270°
- 61A4CE
Alaskan Blue
- BB87B9
≈ Violet Tulle
- C78D61
≈ Butterum
- 74AB7B
≈ Abomination
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.72:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.70:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.70:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--alaskan-blue: #61a4ce;
--alaskan-blue-rgb: 97 164 206;
--alaskan-blue-oklch: oklch(0.691 0.092 237.7);
}
.element {
color: var(--alaskan-blue);
background-color: hsl(203 53% 59%);
border-color: oklch(0.691 0.092 237.7);
}Tailwind CSS v4
@theme {
--color-alaskan-blue: #61a4ce;
--color-alaskan-blue-50: #defaff;
--color-alaskan-blue-100: #cdedff;
--color-alaskan-blue-200: #b1daf8;
--color-alaskan-blue-300: #8cbee2;
--color-alaskan-blue-400: #68a7cf;
--color-alaskan-blue-500: #438fbc;
--color-alaskan-blue-600: #3a799f;
--color-alaskan-blue-700: #2e617f;
--color-alaskan-blue-800: #1e475e;
--color-alaskan-blue-900: #143142;
--color-alaskan-blue-950: #051d2a;
}SCSS
$alaskan-blue: #61a4ce;
$alaskan-blue-rgb: 97, 164, 206;
$alaskan-blue-light: mix(#fff, $alaskan-blue, 20%);
$alaskan-blue-dark: mix(#000, $alaskan-blue, 20%);
.element {
color: $alaskan-blue;
box-shadow: 0 0 0 2px rgba($alaskan-blue, 0.35);
}