가장 가까운 이름 색상 · #DAF0E4
#DAF0E4
가장 가까운 이름 색상: Shattered Ice
#DAF0E4(rgb(218 240 228), hsl(147 42% 90%), oklch(0.936 0.028 162.1))와 가장 가까운 이름 색상은 Shattered Ice입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DAF0E4
oklch(0.936 0.028 162.1)
색상 변환
- HEX
- #daf0e4
- RGB
- rgb(218 240 228)
- HSL
- hsl(147 42% 90%)
- HWB
- hwb(147 85% 6%)
- OKLCH
- oklch(0.936 0.028 162.1)
- OKLab
- oklab(0.936 -0.027 0.009)
- CIE Lab
- lab(92.91 -9.16 3.22)
- LCH
- lch(92.91 9.71 160.6)
- CMYK
- cmyk(9% 0% 5% 6%)
틴트 · 셰이드 · 톤
틴트
- DEF2E7
- E1F3E9
- E5F5EC
- E9F6EF
- EDF8F1
- F0F9F4
- F4FBF7
- F8FCFA
- FBFEFC
셰이드
- BDD1C6
- A2B2A9
- 87958D
- 6C7872
- 545D58
- 3C433F
- 252A28
- 111412
- 020303
톤
- D1E4DA
- C7D9CF
- BECDC5
- B5C2BB
- ACB6B1
- A3ABA7
- 9AA09D
- 919593
- 898B8A
색 조화
보색 +180°
- DAF0E4
Shattered Ice
- F8E3EF
≈ Petal Poise
유사색 -30° +30°
- DAF0E4
Shattered Ice
- E3EEDB
≈ Winter Shamrock
- D5F0EE
≈ Icy Wind
삼각 배색 +120° +240°
- DAF0E4
Shattered Ice
- E6E8FD
≈ Glitter
- FBE4DB
≈ Sherry Cream
분열 보색 +150° +210°
- DAF0E4
Shattered Ice
- F0E5F8
≈ Holographic Lavender
- FCE3E5
≈ Royal Wedding
사각 배색 +90° +180° +270°
- DAF0E4
Shattered Ice
- DDEBFD
≈ Hoarfrost
- F8E3EF
≈ Petal Poise
- F6E7D6
≈ Tender
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.56:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.56:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--shattered-ice: #daf0e4;
--shattered-ice-rgb: 218 240 228;
--shattered-ice-oklch: oklch(0.936 0.028 162.1);
}
.element {
color: var(--shattered-ice);
background-color: hsl(147 42% 90%);
border-color: oklch(0.936 0.028 162.1);
}Tailwind CSS v4
@theme {
--color-shattered-ice: #daf0e4;
--color-shattered-ice-50: #eef8f3;
--color-shattered-ice-100: #e0ebe5;
--color-shattered-ice-200: #cad8d1;
--color-shattered-ice-300: #abbcb3;
--color-shattered-ice-400: #90a499;
--color-shattered-ice-500: #768c80;
--color-shattered-ice-600: #64776d;
--color-shattered-ice-700: #505f57;
--color-shattered-ice-800: #3a463f;
--color-shattered-ice-900: #28302b;
--color-shattered-ice-950: #161c19;
}SCSS
$shattered-ice: #daf0e4;
$shattered-ice-rgb: 218, 240, 228;
$shattered-ice-light: mix(#fff, $shattered-ice, 20%);
$shattered-ice-dark: mix(#000, $shattered-ice, 20%);
.element {
color: $shattered-ice;
box-shadow: 0 0 0 2px rgba($shattered-ice, 0.35);
}