가장 가까운 이름 색상 · #D9C5E4
#D9C5E4
가장 가까운 이름 색상: Girl Crush
#D9C5E4(rgb(217 197 228), hsl(279 36% 83%), oklch(0.85 0.048 313.7))와 가장 가까운 이름 색상은 Girl Crush입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D9C5E4
oklch(0.85 0.048 313.7)
색상 변환
- HEX
- #d9c5e4
- RGB
- rgb(217 197 228)
- HSL
- hsl(279 36% 83%)
- HWB
- hwb(279 77% 11%)
- OKLCH
- oklch(0.85 0.048 313.7)
- OKLab
- oklab(0.85 0.033 -0.034)
- CIE Lab
- lab(81.93 11.43 -12.78)
- LCH
- lch(81.93 17.14 311.8)
- CMYK
- cmyk(5% 14% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- DDCBE7
- E1D0E9
- E4D6EC
- E8DCEF
- ECE2F2
- F0E8F4
- F4EDF7
- F7F3FA
- FBF9FC
셰이드
- BCABC6
- A192A9
- 86798D
- 6C6172
- 534B58
- 3B353F
- 252128
- 110E12
- 020203
톤
- D0BEDA
- C7B7CF
- BDB0C5
- B4A9BB
- ABA2B1
- A39BA7
- 9A949D
- 918D93
- 89878A
색 조화
보색 +180°
- D9C5E4
Girl Crush
- C1D5B6
≈ Nature
유사색 -30° +30°
- D9C5E4
Girl Crush
- C9CAEC
≈ Miami White
- E5C2D5
≈ Dog Rose
삼각 배색 +120° +240°
- D9C5E4
Girl Crush
- E1CAAC
≈ Marshmallow Mist
- AAD8D6
≈ Sugar Pool
분열 보색 +150° +210°
- D9C5E4
Girl Crush
- D2D0AC
≈ Crystal Palace
- B2D8C5
≈ Mint Gala
사각 배색 +90° +180° +270°
- D9C5E4
Girl Crush
- EAC4B5
≈ Fatty Sashimi
- C1D5B6
≈ Nature
- ADD5E5
≈ Longitude
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.05:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--girl-crush: #d9c5e4;
--girl-crush-rgb: 217 197 228;
--girl-crush-oklch: oklch(0.85 0.048 313.7);
}
.element {
color: var(--girl-crush);
background-color: hsl(279 36% 83%);
border-color: oklch(0.85 0.048 313.7);
}Tailwind CSS v4
@theme {
--color-girl-crush: #d9c5e4;
--color-girl-crush-50: #fbf1ff;
--color-girl-crush-100: #eee3f3;
--color-girl-crush-200: #dccee2;
--color-girl-crush-300: #c1b0c8;
--color-girl-crush-400: #a997b3;
--color-girl-crush-500: #927d9d;
--color-girl-crush-600: #7b6a84;
--color-girl-crush-700: #63556a;
--color-girl-crush-800: #483e4f;
--color-girl-crush-900: #322b37;
--color-girl-crush-950: #1e1822;
}SCSS
$girl-crush: #d9c5e4;
$girl-crush-rgb: 217, 197, 228;
$girl-crush-light: mix(#fff, $girl-crush, 20%);
$girl-crush-dark: mix(#000, $girl-crush, 20%);
.element {
color: $girl-crush;
box-shadow: 0 0 0 2px rgba($girl-crush, 0.35);
}