色名 · #88B5C4
Crystal Lake
Crystal Lakeは#88B5C4：rgb(136 181 196)、hsl(195 34% 65%)、oklch(0.746 0.052 220.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Crystal Lake color name →
#88B5C4
oklch(0.746 0.052 220.4)
カラー変換
- HEX
- #88b5c4
- RGB
- rgb(136 181 196)
- HSL
- hsl(195 34% 65%)
- HWB
- hwb(195 53% 23%)
- OKLCH
- oklch(0.746 0.052 220.4)
- OKLab
- oklab(0.746 -0.04 -0.034)
- CIE Lab
- lab(70.84 -12.84 -12.77)
- LCH
- lch(70.84 18.11 224.9)
- CMYK
- cmyk(31% 8% 0% 23%)
ティント · シェード · トーン
ティント
- 94BCCA
- A0C4D0
- ACCBD6
- B7D2DB
- C3DAE1
- CFE1E7
- DBE9ED
- E7F0F3
- F3F7F9
シェード
- 759DAA
- 638691
- 526F78
- 415961
- 31444A
- 223035
- 131D21
- 060C0E
- 010202
トーン
- 88B0BD
- 87AAB6
- 87A5AF
- 86A0A8
- 859AA1
- 84959B
- 839094
- 828A8D
- 818587
カラーハーモニー
補色 +180°
- 88B5C4
Crystal Lake
- CBA294
≈ Musk
類似色 -30° +30°
- 88B5C4
Crystal Lake
- 86B8B4
≈ Vintage Blue
- 94B0CD
≈ Matte Blue
トライアド +120° +240°
- 88B5C4
Crystal Lake
- C4A0B7
≈ Pretty Lady
- B4AE88
≈ Lively Ivy
スプリットコンプリメンタリー +150° +210°
- 88B5C4
Crystal Lake
- CBA0A5
≈ Primula
- C3A889
≈ Cork Wedge
テトラード +90° +180° +270°
- 88B5C4
Crystal Lake
- B7A4C6
≈ Violet Fields
- CBA294
≈ Musk
- A2B491
≈ Haven
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.22:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.45:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.45:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--crystal-lake: #88b5c4;
--crystal-lake-rgb: 136 181 196;
--crystal-lake-oklch: oklch(0.746 0.052 220.4);
}
.element {
color: var(--crystal-lake);
background-color: hsl(195 34% 65%);
border-color: oklch(0.746 0.052 220.4);
}Tailwind CSS v4
@theme {
--color-crystal-lake: #88b5c4;
--color-crystal-lake-50: #e6f9ff;
--color-crystal-lake-100: #d6ecf5;
--color-crystal-lake-200: #bddae5;
--color-crystal-lake-300: #9bbecb;
--color-crystal-lake-400: #7ca6b4;
--color-crystal-lake-500: #5e8f9f;
--color-crystal-lake-600: #507986;
--color-crystal-lake-700: #40616b;
--color-crystal-lake-800: #2d474f;
--color-crystal-lake-900: #1e3137;
--color-crystal-lake-950: #0e1d22;
}SCSS
$crystal-lake: #88b5c4;
$crystal-lake-rgb: 136, 181, 196;
$crystal-lake-light: mix(#fff, $crystal-lake, 20%);
$crystal-lake-dark: mix(#000, $crystal-lake, 20%);
.element {
color: $crystal-lake;
box-shadow: 0 0 0 2px rgba($crystal-lake, 0.35);
}