色名 · #D7EEEF
Lakeside Mist
Lakeside Mistは#D7EEEF：rgb(215 238 239)、hsl(183 43% 89%)、oklch(0.933 0.024 199.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Lakeside Mist color name →
#D7EEEF
oklch(0.933 0.024 199.9)
カラー変換
- HEX
- #d7eeef
- RGB
- rgb(215 238 239)
- HSL
- hsl(183 43% 89%)
- HWB
- hwb(183 84% 6%)
- OKLCH
- oklch(0.933 0.024 199.9)
- OKLab
- oklab(0.933 -0.023 -0.008)
- CIE Lab
- lab(92.42 -7.68 -3.2)
- LCH
- lch(92.42 8.32 202.6)
- CMYK
- cmyk(10% 0% 0% 6%)
ティント · シェード · トーン
ティント
- DBF0F1
- DFF1F2
- E3F3F4
- E7F5F5
- EBF7F7
- EFF8F9
- F3FAFA
- F7FCFC
- FBFDFD
シェード
- BBCFD0
- 9FB1B1
- 859394
- 6B7778
- 525C5C
- 3B4242
- 252A2A
- 111414
- 020303
トーン
- CEE2E3
- C5D7D8
- BCCCCC
- B3C1C1
- ABB5B6
- A2ABAB
- 99A0A0
- 919595
- 888A8B
カラーハーモニー
補色 +180°
- D7EEEF
Lakeside Mist
- F9E3E2
≈ Eased Pink
類似色 -30° +30°
- D7EEEF
Lakeside Mist
- DAEEE6
≈ Shattered Ice
- D9ECF6
≈ Ice Fishing
トライアド +120° +240°
- D7EEEF
Lakeside Mist
- F0E4F3
≈ Holographic Lavender
- F1E7D7
≈ Chenille Spread
スプリットコンプリメンタリー +150° +210°
- D7EEEF
Lakeside Mist
- F6E2EB
≈ First Crush
- F7E4DB
≈ Roseate
テトラード +90° +180° +270°
- D7EEEF
Lakeside Mist
- E8E6F8
≈ Cyber Lavender
- F9E3E2
≈ Eased Pink
- E9EAD8
≈ Spring Breeze
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.36:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.36:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--lakeside-mist: #d7eeef;
--lakeside-mist-rgb: 215 238 239;
--lakeside-mist-oklch: oklch(0.933 0.024 199.9);
}
.element {
color: var(--lakeside-mist);
background-color: hsl(183 43% 89%);
border-color: oklch(0.933 0.024 199.9);
}Tailwind CSS v4
@theme {
--color-lakeside-mist: #d7eeef;
--color-lakeside-mist-50: #eef7f8;
--color-lakeside-mist-100: #dfeaeb;
--color-lakeside-mist-200: #c9d8d9;
--color-lakeside-mist-300: #aabbbd;
--color-lakeside-mist-400: #8fa3a4;
--color-lakeside-mist-500: #748b8c;
--color-lakeside-mist-600: #627677;
--color-lakeside-mist-700: #4f5e5f;
--color-lakeside-mist-800: #394545;
--color-lakeside-mist-900: #273030;
--color-lakeside-mist-950: #151c1c;
}SCSS
$lakeside-mist: #d7eeef;
$lakeside-mist-rgb: 215, 238, 239;
$lakeside-mist-light: mix(#fff, $lakeside-mist, 20%);
$lakeside-mist-dark: mix(#000, $lakeside-mist, 20%);
.element {
color: $lakeside-mist;
box-shadow: 0 0 0 2px rgba($lakeside-mist, 0.35);
}