가장 가까운 이름 색상 · #DFDCEC
#DFDCEC
가장 가까운 이름 색상: Velvet Scarf
#DFDCEC(rgb(223 220 236), hsl(251 30% 89%), oklch(0.902 0.022 294.6))와 가장 가까운 이름 색상은 Velvet Scarf입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DFDCEC
oklch(0.902 0.022 294.6)
색상 변환
- HEX
- #dfdcec
- RGB
- rgb(223 220 236)
- HSL
- hsl(251 30% 89%)
- HWB
- hwb(251 86% 7%)
- OKLCH
- oklch(0.902 0.022 294.6)
- OKLab
- oklab(0.902 0.009 -0.02)
- CIE Lab
- lab(88.36 3.25 -7.47)
- LCH
- lch(88.36 8.15 293.5)
- CMYK
- cmyk(6% 7% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- E2DFEE
- E5E3F0
- E9E6F2
- ECEAF4
- EFEDF6
- F2F1F7
- F5F4F9
- F9F8FB
- FCFBFD
셰이드
- C2BFCD
- A5A3AF
- 8A8892
- 6F6E76
- 56545B
- 3D3C42
- 272629
- 121113
- 020203
톤
- D5D2E1
- CBC9D5
- C1BFCA
- B8B6BF
- AEADB5
- A5A4AA
- 9B9B9F
- 929295
- 89898A
색 조화
보색 +180°
- DFDCEC
Velvet Scarf
- DEE0D0
≈ Whitened Sage
유사색 -30° +30°
- DFDCEC
Velvet Scarf
- D7DFEE
≈ Faint Blue
- E6DAE7
≈ Spangle
삼각 배색 +120° +240°
- DFDCEC
Velvet Scarf
- EBDBD1
≈ Hudson
- D1E4DD
≈ Ice Dagger
분열 보색 +150° +210°
- DFDCEC
Velvet Scarf
- E5DECF
≈ Arrowroote
- D6E3D6
≈ Green Mirror
사각 배색 +90° +180° +270°
- DFDCEC
Velvet Scarf
- EDD9D7
≈ Cottingley Fairies
- DEE0D0
≈ Whitened Sage
- CFE3E5
≈ Zircon Ice
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.34:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.58:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.58:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--velvet-scarf: #dfdcec;
--velvet-scarf-rgb: 223 220 236;
--velvet-scarf-oklch: oklch(0.902 0.022 294.6);
}
.element {
color: var(--velvet-scarf);
background-color: hsl(251 30% 89%);
border-color: oklch(0.902 0.022 294.6);
}Tailwind CSS v4
@theme {
--color-velvet-scarf: #dfdcec;
--color-velvet-scarf-50: #f5f4fb;
--color-velvet-scarf-100: #e8e6ee;
--color-velvet-scarf-200: #d5d2dd;
--color-velvet-scarf-300: #b8b5c2;
--color-velvet-scarf-400: #9f9caa;
--color-velvet-scarf-500: #878494;
--color-velvet-scarf-600: #726f7d;
--color-velvet-scarf-700: #5b5964;
--color-velvet-scarf-800: #424149;
--color-velvet-scarf-900: #2e2d33;
--color-velvet-scarf-950: #1b1a1f;
}SCSS
$velvet-scarf: #dfdcec;
$velvet-scarf-rgb: 223, 220, 236;
$velvet-scarf-light: mix(#fff, $velvet-scarf, 20%);
$velvet-scarf-dark: mix(#000, $velvet-scarf, 20%);
.element {
color: $velvet-scarf;
box-shadow: 0 0 0 2px rgba($velvet-scarf, 0.35);
}