가장 가까운 이름 색상 · #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);
}