最も近い色名 · #E8FEF6
#E8FEF6
最も近い色名: Melting Glacier
#E8FEF6（rgb(232 254 246)、hsl(158 92% 95%)、oklch(0.979 0.025 172)）に最も近い色名はMelting Glacierです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E8FEF6
oklch(0.979 0.025 172)
カラー変換
- HEX
- #e8fef6
- RGB
- rgb(232 254 246)
- HSL
- hsl(158 92% 95%)
- HWB
- hwb(158 91% 0%)
- OKLCH
- oklch(0.979 0.025 172)
- OKLab
- oklab(0.979 -0.025 0.004)
- CIE Lab
- lab(97.87 -8.52 1.26)
- LCH
- lch(97.87 8.61 171.6)
- CMYK
- cmyk(9% 0% 3% 0%)
ティント · シェード · トーン
ティント
- EAFEF7
- EDFEF8
- EFFEF9
- F1FEFA
- F4FFFA
- F6FFFB
- F8FFFC
- FAFFFD
- FDFFFE
シェード
- CADDD6
- ACBDB7
- 909E98
- 74807B
- 59635F
- 404745
- 292D2C
- 131615
- 030303
トーン
- DDF1EA
- D2E4DD
- C8D7D1
- BDCAC5
- B3BDB9
- A8B1AD
- 9EA4A2
- 949896
- 8A8C8B
カラーハーモニー
補色 +180°
- E8FEF6
Melting Glacier
- FFF5F9
≈ Sea Salt Sherbet
類似色 -30° +30°
- E8FEF6
Melting Glacier
- EFFDED
≈ Lime Slice
- E6FDFF
≈ Bubbles
トライアド +120° +240°
- E8FEF6
Melting Glacier
- F8F7FF
≈ Ghost White
- FFF6F1
≈ Seashell
スプリットコンプリメンタリー +150° +210°
- E8FEF6
Melting Glacier
- FEF5FF
≈ Cold Snow
- FFF5F5
≈ Sea Salt Sherbet
テトラード +90° +180° +270°
- E8FEF6
Melting Glacier
- F4F8FF
≈ Mā White
- FFF5F9
≈ Sea Salt Sherbet
- FFF7E9
≈ Apricot Ice
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.05:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.93:1 · APCA Lc 104
最適な文字色: #000000
WCAG 19.93:1 (AAA) · APCA Lc 104
Contrast pairs
コードスニペット
CSS
:root {
--melting-glacier: #e8fef6;
--melting-glacier-rgb: 232 254 246;
--melting-glacier-oklch: oklch(0.979 0.025 172);
}
.element {
color: var(--melting-glacier);
background-color: hsl(158 92% 95%);
border-color: oklch(0.979 0.025 172);
}Tailwind CSS v4
@theme {
--color-melting-glacier: #e8fef6;
--color-melting-glacier-50: #eef8f4;
--color-melting-glacier-100: #e0ebe7;
--color-melting-glacier-200: #cad8d3;
--color-melting-glacier-300: #abbcb6;
--color-melting-glacier-400: #90a49d;
--color-melting-glacier-500: #768c84;
--color-melting-glacier-600: #647670;
--color-melting-glacier-700: #505f59;
--color-melting-glacier-800: #3a4541;
--color-melting-glacier-900: #28302d;
--color-melting-glacier-950: #161c1a;
}SCSS
$melting-glacier: #e8fef6;
$melting-glacier-rgb: 232, 254, 246;
$melting-glacier-light: mix(#fff, $melting-glacier, 20%);
$melting-glacier-dark: mix(#000, $melting-glacier, 20%);
.element {
color: $melting-glacier;
box-shadow: 0 0 0 2px rgba($melting-glacier, 0.35);
}