가장 가까운 이름 색상 · #DAB6D9
#DAB6D9
가장 가까운 이름 색상: Blushing Sky
#DAB6D9(rgb(218 182 217), hsl(302 33% 78%), oklch(0.818 0.062 327))와 가장 가까운 이름 색상은 Blushing Sky입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DAB6D9
oklch(0.818 0.062 327)
색상 변환
- HEX
- #dab6d9
- RGB
- rgb(218 182 217)
- HSL
- hsl(302 33% 78%)
- HWB
- hwb(302 71% 15%)
- OKLCH
- oklch(0.818 0.062 327)
- OKLab
- oklab(0.818 0.052 -0.034)
- CIE Lab
- lab(78.08 17.82 -12.58)
- LCH
- lch(78.08 21.81 324.8)
- CMYK
- cmyk(0% 17% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- DEBDDD
- E2C4E1
- E5CCE4
- E9D3E8
- EDDAEC
- F0E2F0
- F4E9F4
- F8F0F7
- FBF8FB
셰이드
- BD9EBC
- A286A1
- 876F86
- 6C596C
- 544453
- 3C303B
- 251D25
- 110C11
- 020202
톤
- D1B1D0
- C7ABC7
- BEA6BE
- B5A0B5
- AC9BAC
- A395A3
- 9A909A
- 918B91
- 898589
색 조화
보색 +180°
- DAB6D9
Blushing Sky
- AACFAD
≈ Mint Circle
유사색 -30° +30°
- DAB6D9
Blushing Sky
- C7BCE8
≈ Drifting Dream
- E6B3C4
≈ Athena Pink
삼각 배색 +120° +240°
- DAB6D9
Blushing Sky
- D5C296
≈ Cache of Camel
- 94D0D8
≈ Peppermint Twist
분열 보색 +150° +210°
- DAB6D9
Blushing Sky
- C0C99C
≈ Seedling
- 98D1C3
≈ Opal Turquoise
사각 배색 +90° +180° +270°
- DAB6D9
Blushing Sky
- E4BA9D
≈ Sumptuous Peach
- AACFAD
≈ Mint Circle
- 9ECAE7
≈ Windsor Way
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.79:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.67:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.67:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--blushing-sky: #dab6d9;
--blushing-sky-rgb: 218 182 217;
--blushing-sky-oklch: oklch(0.818 0.062 327);
}
.element {
color: var(--blushing-sky);
background-color: hsl(302 33% 78%);
border-color: oklch(0.818 0.062 327);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #dab6d9;
--color-blushing-sky-50: #ffeffe;
--color-blushing-sky-100: #f4e1f2;
--color-blushing-sky-200: #e4cbe2;
--color-blushing-sky-300: #caacc7;
--color-blushing-sky-400: #b392b2;
--color-blushing-sky-500: #9d789c;
--color-blushing-sky-600: #846684;
--color-blushing-sky-700: #6a516a;
--color-blushing-sky-800: #4e3b4e;
--color-blushing-sky-900: #362837;
--color-blushing-sky-950: #211621;
}SCSS
$blushing-sky: #dab6d9;
$blushing-sky-rgb: 218, 182, 217;
$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);
}