가장 가까운 이름 색상 · #DFEAF4
#DFEAF4
가장 가까운 이름 색상: Freeze Up
#DFEAF4(rgb(223 234 244), hsl(209 49% 92%), oklch(0.932 0.018 245.4))와 가장 가까운 이름 색상은 Freeze Up입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DFEAF4
oklch(0.932 0.018 245.4)
색상 변환
- HEX
- #dfeaf4
- RGB
- rgb(223 234 244)
- HSL
- hsl(209 49% 92%)
- HWB
- hwb(209 87% 4%)
- OKLCH
- oklch(0.932 0.018 245.4)
- OKLab
- oklab(0.932 -0.007 -0.016)
- CIE Lab
- lab(92.08 -2.38 -6.19)
- LCH
- lch(92.08 6.63 249)
- CMYK
- cmyk(9% 4% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- E2ECF5
- E5EEF6
- E9F0F7
- ECF2F8
- EFF4FA
- F2F7FB
- F5F9FC
- F9FBFD
- FCFDFE
셰이드
- C2CBD4
- A5AEB5
- 8A9197
- 6F757A
- 565A5E
- 3D4144
- 27292B
- 121314
- 020303
톤
- D5DFE8
- CBD4DC
- C2C9D0
- B8BEC4
- AEB4B8
- A5A9AD
- 9B9FA1
- 929496
- 898A8B
색 조화
보색 +180°
- DFEAF4
Freeze Up
- F1E6DC
≈ Fantasy
유사색 -30° +30°
- DFEAF4
Freeze Up
- DCECF0
≈ Frost Wind
- E5E8F5
≈ Whisper Blue
삼각 배색 +120° +240°
- DFEAF4
Freeze Up
- F4E4E7
≈ Be Mine
- E5EBDE
≈ Window Pane
분열 보색 +150° +210°
- DFEAF4
Freeze Up
- F4E5E0
≈ Petal Pink
- ECE9DB
≈ Salted
사각 배색 +90° +180° +270°
- DFEAF4
Freeze Up
- F1E4ED
≈ Nina
- F1E6DC
≈ Fantasy
- E0ECE3
≈ Country Mist
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.21:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.21:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--freeze-up: #dfeaf4;
--freeze-up-rgb: 223 234 244;
--freeze-up-oklch: oklch(0.932 0.018 245.4);
}
.element {
color: var(--freeze-up);
background-color: hsl(209 49% 92%);
border-color: oklch(0.932 0.018 245.4);
}Tailwind CSS v4
@theme {
--color-freeze-up: #dfeaf4;
--color-freeze-up-50: #f1f6fa;
--color-freeze-up-100: #e3e9ee;
--color-freeze-up-200: #ced5dc;
--color-freeze-up-300: #b0b8c0;
--color-freeze-up-400: #96a0a9;
--color-freeze-up-500: #7d8892;
--color-freeze-up-600: #6a737b;
--color-freeze-up-700: #545c63;
--color-freeze-up-800: #3d4348;
--color-freeze-up-900: #2a2e32;
--color-freeze-up-950: #181b1e;
}SCSS
$freeze-up: #dfeaf4;
$freeze-up-rgb: 223, 234, 244;
$freeze-up-light: mix(#fff, $freeze-up, 20%);
$freeze-up-dark: mix(#000, $freeze-up, 20%);
.element {
color: $freeze-up;
box-shadow: 0 0 0 2px rgba($freeze-up, 0.35);
}