가장 가까운 이름 색상 · #DDAFDA
#DDAFDA
가장 가까운 이름 색상: Blushing Sky
#DDAFDA(rgb(221 175 218), hsl(304 40% 78%), oklch(0.809 0.078 328.4))와 가장 가까운 이름 색상은 Blushing Sky입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DDAFDA
oklch(0.809 0.078 328.4)
색상 변환
- HEX
- #ddafda
- RGB
- rgb(221 175 218)
- HSL
- hsl(304 40% 78%)
- HWB
- hwb(304 69% 13%)
- OKLCH
- oklch(0.809 0.078 328.4)
- OKLab
- oklab(0.809 0.066 -0.041)
- CIE Lab
- lab(76.72 22.58 -15.09)
- LCH
- lch(76.72 27.16 326.2)
- CMYK
- cmyk(0% 21% 1% 13%)
틴트 · 셰이드 · 톤
틴트
- E1B7DE
- E4BFE2
- E8C7E5
- EBCFE9
- EFD7ED
- F2DFF0
- F5E7F4
- F9EFF8
- FCF7FB
셰이드
- C098BD
- A481A2
- 886B87
- 6E566C
- 554154
- 3D2E3C
- 261C25
- 110B11
- 020102
톤
- D3AAD1
- CAA6C7
- C1A1BE
- B79CB5
- AE98AC
- A593A3
- 9B8E9A
- 928991
- 898589
색 조화
보색 +180°
- DDAFDA
Blushing Sky
- 9ECFA5
≈ Fescue
유사색 -30° +30°
- DDAFDA
Blushing Sky
- C7B6ED
≈ Purple Sand
- EBACC0
≈ Kawaii
삼각 배색 +120° +240°
- DDAFDA
Blushing Sky
- D5BE86
≈ Honey Tea
- 82CFDB
≈ Water Nymph
분열 보색 +150° +210°
- DDAFDA
Blushing Sky
- BBC88F
≈ Marsh Fern
- 87D1C1
≈ Blue Frosting
사각 배색 +90° +180° +270°
- DDAFDA
Blushing Sky
- E7B58E
≈ Southern Peach
- 9ECFA5
≈ Fescue
- 91C8EE
≈ Pacific Ocean
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.21:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--blushing-sky: #ddafda;
--blushing-sky-rgb: 221 175 218;
--blushing-sky-oklch: oklch(0.809 0.078 328.4);
}
.element {
color: var(--blushing-sky);
background-color: hsl(304 40% 78%);
border-color: oklch(0.809 0.078 328.4);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #ddafda;
--color-blushing-sky-50: #ffeeff;
--color-blushing-sky-100: #f8dff4;
--color-blushing-sky-200: #e8c9e4;
--color-blushing-sky-300: #cfa9ca;
--color-blushing-sky-400: #b88eb6;
--color-blushing-sky-500: #a373a0;
--color-blushing-sky-600: #8a6287;
--color-blushing-sky-700: #6e4e6c;
--color-blushing-sky-800: #513951;
--color-blushing-sky-900: #382738;
--color-blushing-sky-950: #231523;
}SCSS
$blushing-sky: #ddafda;
$blushing-sky-rgb: 221, 175, 218;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}