가장 가까운 이름 색상 · #DEE5F0
#DEE5F0
가장 가까운 이름 색상: Radiant Moon
#DEE5F0(rgb(222 229 240), hsl(217 37% 91%), oklch(0.92 0.017 259.4))와 가장 가까운 이름 색상은 Radiant Moon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DEE5F0
oklch(0.92 0.017 259.4)
색상 변환
- HEX
- #dee5f0
- RGB
- rgb(222 229 240)
- HSL
- hsl(217 37% 91%)
- HWB
- hwb(217 87% 6%)
- OKLCH
- oklch(0.92 0.017 259.4)
- OKLab
- oklab(0.92 -0.003 -0.016)
- CIE Lab
- lab(90.65 -0.89 -6.22)
- LCH
- lch(90.65 6.29 261.9)
- CMYK
- cmyk(7% 5% 0% 6%)
틴트 · 셰이드 · 톤
틴트
- E1E8F2
- E5EAF3
- E8EDF5
- EBEFF6
- EEF2F8
- F2F5F9
- F5F7FB
- F8FAFC
- FCFCFE
셰이드
- C1C7D1
- A5AAB2
- 898E95
- 6F7278
- 55585D
- 3D3F43
- 26282A
- 121214
- 020303
톤
- D4DAE4
- CAD0D9
- C1C6CD
- B7BBC2
- AEB1B6
- A4A7AB
- 9B9DA0
- 929395
- 898A8B
색 조화
보색 +180°
- DEE5F0
Radiant Moon
- EBE3D8
≈ String of Pearls
유사색 -30° +30°
- DEE5F0
Radiant Moon
- DAE7EE
≈ First Light
- E4E3EF
≈ Farsighted
삼각 배색 +120° +240°
- DEE5F0
Radiant Moon
- F0E0E0
≈ Daring Deception
- DFE7DD
≈ Moist Silver
분열 보색 +150° +210°
- DEE5F0
Radiant Moon
- EEE2DB
≈ Liberia
- E5E6D9
≈ Ivory Lashes
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.57:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.57:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--radiant-moon: #dee5f0;
--radiant-moon-rgb: 222 229 240;
--radiant-moon-oklch: oklch(0.92 0.017 259.4);
}
.element {
color: var(--radiant-moon);
background-color: hsl(217 37% 91%);
border-color: oklch(0.92 0.017 259.4);
}Tailwind CSS v4
@theme {
--color-radiant-moon: #dee5f0;
--color-radiant-moon-50: #f2f5fa;
--color-radiant-moon-100: #e5e8ee;
--color-radiant-moon-200: #d0d4dc;
--color-radiant-moon-300: #b3b8c0;
--color-radiant-moon-400: #999fa9;
--color-radiant-moon-500: #808792;
--color-radiant-moon-600: #6c727b;
--color-radiant-moon-700: #565b63;
--color-radiant-moon-800: #3f4348;
--color-radiant-moon-900: #2b2e32;
--color-radiant-moon-950: #191b1e;
}SCSS
$radiant-moon: #dee5f0;
$radiant-moon-rgb: 222, 229, 240;
$radiant-moon-light: mix(#fff, $radiant-moon, 20%);
$radiant-moon-dark: mix(#000, $radiant-moon, 20%);
.element {
color: $radiant-moon;
box-shadow: 0 0 0 2px rgba($radiant-moon, 0.35);
}