色名 · #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);
}