色名 · #7AA8CB
Mirror Lake
Mirror Lakeは#7AA8CB：rgb(122 168 203)、hsl(206 44% 64%)、oklch(0.712 0.071 241.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Mirror Lake color name →
#7AA8CB
oklch(0.712 0.071 241.8)
カラー変換
- HEX
- #7aa8cb
- RGB
- rgb(122 168 203)
- HSL
- hsl(206 44% 64%)
- HWB
- hwb(206 48% 20%)
- OKLCH
- oklch(0.712 0.071 241.8)
- OKLab
- oklab(0.712 -0.034 -0.063)
- CIE Lab
- lab(66.54 -9.19 -23.15)
- LCH
- lch(66.54 24.91 248.4)
- CMYK
- cmyk(40% 17% 0% 20%)
ティント · シェード · トーン
ティント
- 87B1D0
- 94B9D6
- A2C2DB
- AFCAE0
- BCD3E5
- C9DCEB
- D7E5F0
- E4EDF5
- F1F6FA
シェード
- 6992B0
- 597C96
- 49677D
- 3A5265
- 2B3F4D
- 1D2C37
- 101A22
- 050A0F
- 010102
トーン
- 7BA4C3
- 7CA0BC
- 7D9CB4
- 7E98AD
- 7E94A5
- 7F909E
- 7F8C96
- 80888F
- 808487
カラーハーモニー
補色 +180°
- 7AA8CB
Mirror Lake
- C39874
≈ Copper Moon
類似色 -30° +30°
- 7AA8CB
Mirror Lake
- 6BAEBC
≈ Water Music
- 92A0CF
≈ Ceil
トライアド +120° +240°
- 7AA8CB
Mirror Lake
- C8909F
≈ Beetroot Rice
- 9AA977
≈ Siamese Green
スプリットコンプリメンタリー +150° +210°
- 7AA8CB
Mirror Lake
- CB9286
≈ Mexican Moonlight
- B2A16E
≈ Zucchini Garden
テトラード +90° +180° +270°
- 7AA8CB
Mirror Lake
- BD92B6
≈ Mauve Magic
- C39874
≈ Copper Moon
- 81AF8C
≈ Mate Tea
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.53:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.29:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--mirror-lake: #7aa8cb;
--mirror-lake-rgb: 122 168 203;
--mirror-lake-oklch: oklch(0.712 0.071 241.8);
}
.element {
color: var(--mirror-lake);
background-color: hsl(206 44% 64%);
border-color: oklch(0.712 0.071 241.8);
}Tailwind CSS v4
@theme {
--color-mirror-lake: #7aa8cb;
--color-mirror-lake-50: #e5f8ff;
--color-mirror-lake-100: #d5ebff;
--color-mirror-lake-200: #bbd8f1;
--color-mirror-lake-300: #99bcda;
--color-mirror-lake-400: #79a4c5;
--color-mirror-lake-500: #5a8cb1;
--color-mirror-lake-600: #4d7796;
--color-mirror-lake-700: #3d5f78;
--color-mirror-lake-800: #2b4659;
--color-mirror-lake-900: #1d303e;
--color-mirror-lake-950: #0d1c27;
}SCSS
$mirror-lake: #7aa8cb;
$mirror-lake-rgb: 122, 168, 203;
$mirror-lake-light: mix(#fff, $mirror-lake, 20%);
$mirror-lake-dark: mix(#000, $mirror-lake, 20%);
.element {
color: $mirror-lake;
box-shadow: 0 0 0 2px rgba($mirror-lake, 0.35);
}