가장 가까운 이름 색상 · #DEE6DA
#DEE6DA
가장 가까운 이름 색상: Water Lily
#DEE6DA(rgb(222 230 218), hsl(100 19% 88%), oklch(0.916 0.018 134.9))와 가장 가까운 이름 색상은 Water Lily입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DEE6DA
oklch(0.916 0.018 134.9)
색상 변환
- HEX
- #dee6da
- RGB
- rgb(222 230 218)
- HSL
- hsl(100 19% 88%)
- HWB
- hwb(100 85% 10%)
- OKLCH
- oklch(0.916 0.018 134.9)
- OKLab
- oklab(0.916 -0.013 0.013)
- CIE Lab
- lab(90.43 -4.38 4.89)
- LCH
- lch(90.43 6.56 131.8)
- CMYK
- cmyk(3% 0% 5% 10%)
틴트 · 셰이드 · 톤
틴트
- E1E8DE
- E5EBE1
- E8EDE5
- EBF0E9
- EEF2EC
- F2F5F0
- F5F7F4
- F8FAF8
- FCFCFB
셰이드
- C1C8BD
- A5ABA2
- 898E87
- 6F736C
- 555954
- 3D403C
- 262825
- 121311
- 020302
톤
- D4DBD1
- CAD1C7
- C1C6BE
- B7BCB5
- AEB2AC
- A4A7A3
- 9B9D9A
- 929491
- 898A89
색 조화
보색 +180°
- DEE6DA
Water Lily
- E8E0EC
≈ Romantic Cruise
유사색 -30° +30°
- DEE6DA
Water Lily
- E5E4D6
≈ Garden Pebble
- D9E7E0
≈ Ice Floe
삼각 배색 +120° +240°
- DEE6DA
Water Lily
- DBE4EF
≈ Iceberg
- EFDEDF
≈ Reduced Red
분열 보색 +150° +210°
- DEE6DA
Water Lily
- E1E2EF
≈ Iris Ice
- EDDFE6
≈ Antarctic Love
사각 배색 +90° +180° +270°
- DEE6DA
Water Lily
- D7E6EC
≈ Dream Blue
- E8E0EC
≈ Romantic Cruise
- EEE0D9
≈ Landing
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.43:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--water-lily: #dee6da;
--water-lily-rgb: 222 230 218;
--water-lily-oklch: oklch(0.916 0.018 134.9);
}
.element {
color: var(--water-lily);
background-color: hsl(100 19% 88%);
border-color: oklch(0.916 0.018 134.9);
}Tailwind CSS v4
@theme {
--color-water-lily: #dee6da;
--color-water-lily-50: #f3f6f1;
--color-water-lily-100: #e5e9e3;
--color-water-lily-200: #d1d6cf;
--color-water-lily-300: #b3bab1;
--color-water-lily-400: #9aa196;
--color-water-lily-500: #81897d;
--color-water-lily-600: #6d746a;
--color-water-lily-700: #575d55;
--color-water-lily-800: #40443d;
--color-water-lily-900: #2c2f2a;
--color-water-lily-950: #191b18;
}SCSS
$water-lily: #dee6da;
$water-lily-rgb: 222, 230, 218;
$water-lily-light: mix(#fff, $water-lily, 20%);
$water-lily-dark: mix(#000, $water-lily, 20%);
.element {
color: $water-lily;
box-shadow: 0 0 0 2px rgba($water-lily, 0.35);
}