가장 가까운 이름 색상 · #DAC1E6
#DAC1E6
가장 가까운 이름 색상: York Plum
#DAC1E6(rgb(218 193 230), hsl(281 43% 83%), oklch(0.843 0.057 314.8))와 가장 가까운 이름 색상은 York Plum입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DAC1E6
oklch(0.843 0.057 314.8)
색상 변환
- HEX
- #dac1e6
- RGB
- rgb(218 193 230)
- HSL
- hsl(281 43% 83%)
- HWB
- hwb(281 76% 10%)
- OKLCH
- oklch(0.843 0.057 314.8)
- OKLab
- oklab(0.843 0.04 -0.041)
- CIE Lab
- lab(81.09 14.08 -15.08)
- LCH
- lch(81.09 20.63 313)
- CMYK
- cmyk(5% 16% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- DEC7E9
- E1CDEB
- E5D3EE
- E9DAF0
- ECE0F3
- F0E6F5
- F4ECF8
- F8F2FA
- FBF9FD
셰이드
- BDA7C8
- A28FAB
- 87778E
- 6C5F73
- 544959
- 3C3440
- 252028
- 110E13
- 020203
톤
- D1BADB
- C7B4D1
- BEADC6
- B5A7BC
- ACA0B2
- A39AA8
- 9A939E
- 918D94
- 89868A
색 조화
보색 +180°
- DAC1E6
York Plum
- BCD5AF
≈ Golden Elm
유사색 -30° +30°
- DAC1E6
York Plum
- C7C7F0
≈ Soap
- E8BDD4
≈ Child’s Play
삼각 배색 +120° +240°
- DAC1E6
York Plum
- E2C7A3
≈ October Bounty
- A0D8D7
≈ Blue Tint
분열 보색 +150° +210°
- DAC1E6
York Plum
- D1CEA3
≈ Sawgrass Cottage
- A9D8C2
≈ Southern Belle
사각 배색 +90° +180° +270°
- DAC1E6
York Plum
- EDC1AD
≈ Soft Orange
- BCD5AF
≈ Golden Elm
- A4D4E8
≈ Laissez-Faire
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.75:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--york-plum: #dac1e6;
--york-plum-rgb: 218 193 230;
--york-plum-oklch: oklch(0.843 0.057 314.8);
}
.element {
color: var(--york-plum);
background-color: hsl(281 43% 83%);
border-color: oklch(0.843 0.057 314.8);
}Tailwind CSS v4
@theme {
--color-york-plum: #dac1e6;
--color-york-plum-50: #fcf0ff;
--color-york-plum-100: #f0e2f5;
--color-york-plum-200: #decde5;
--color-york-plum-300: #c4afcb;
--color-york-plum-400: #ab95b6;
--color-york-plum-500: #957ba1;
--color-york-plum-600: #7e6888;
--color-york-plum-700: #65536d;
--color-york-plum-800: #493d51;
--color-york-plum-900: #332a38;
--color-york-plum-950: #1f1723;
}SCSS
$york-plum: #dac1e6;
$york-plum-rgb: 218, 193, 230;
$york-plum-light: mix(#fff, $york-plum, 20%);
$york-plum-dark: mix(#000, $york-plum, 20%);
.element {
color: $york-plum;
box-shadow: 0 0 0 2px rgba($york-plum, 0.35);
}