가장 가까운 이름 색상 · #D69CD2
#D69CD2
가장 가까운 이름 색상: Velvet Horizon
#D69CD2(rgb(214 156 210), hsl(304 41% 73%), oklch(0.765 0.099 328.8))와 가장 가까운 이름 색상은 Velvet Horizon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D69CD2
oklch(0.765 0.099 328.8)
색상 변환
- HEX
- #d69cd2
- RGB
- rgb(214 156 210)
- HSL
- hsl(304 41% 73%)
- HWB
- hwb(304 61% 16%)
- OKLCH
- oklch(0.765 0.099 328.8)
- OKLab
- oklab(0.765 0.085 -0.051)
- CIE Lab
- lab(71.35 28.75 -18.85)
- LCH
- lch(71.35 34.38 326.8)
- CMYK
- cmyk(0% 27% 2% 16%)
틴트 · 셰이드 · 톤
틴트
- DAA6D7
- DFB0DB
- E3BAE0
- E7C3E4
- EBCDE9
- F0D7ED
- F3E1F2
- F7EBF6
- FBF5FB
셰이드
- BA87B6
- 9E739B
- 845F81
- 6A4C68
- 523950
- 3B2839
- 251824
- 100910
- 020102
톤
- CD99CA
- C597C1
- BC94B9
- B391B1
- AB8FA8
- A28CA0
- 9A8998
- 918690
- 898388
색 조화
보색 +180°
- D69CD2
Velvet Horizon
- 85C590
≈ Good Luck Charm
유사색 -30° +30°
- D69CD2
Velvet Horizon
- BBA5E9
≈ Enchanted Lavender
- E798B1
≈ Double Bubble
삼각 배색 +120° +240°
- D69CD2
Velvet Horizon
- CCB066
≈ Canadian Maple
- 5BC4D4
≈ Rushing Stream
분열 보색 +150° +210°
- D69CD2
Velvet Horizon
- ACBC72
≈ Tan Green
- 63C7B4
≈ Cockatoo
사각 배색 +90° +180° +270°
- D69CD2
Velvet Horizon
- E2A372
≈ Roasted Seeds
- 85C590
≈ Good Luck Charm
- 74BCEB
≈ Aero
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.20:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.54:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--velvet-horizon: #d69cd2;
--velvet-horizon-rgb: 214 156 210;
--velvet-horizon-oklch: oklch(0.765 0.099 328.8);
}
.element {
color: var(--velvet-horizon);
background-color: hsl(304 41% 73%);
border-color: oklch(0.765 0.099 328.8);
}Tailwind CSS v4
@theme {
--color-velvet-horizon: #d69cd2;
--color-velvet-horizon-50: #ffebff;
--color-velvet-horizon-100: #fcdcf8;
--color-velvet-horizon-200: #eec5e8;
--color-velvet-horizon-300: #d5a5cf;
--color-velvet-horizon-400: #bf89bb;
--color-velvet-horizon-500: #aa6da7;
--color-velvet-horizon-600: #905d8d;
--color-velvet-horizon-700: #734a71;
--color-velvet-horizon-800: #543654;
--color-velvet-horizon-900: #3b253b;
--color-velvet-horizon-950: #251325;
}SCSS
$velvet-horizon: #d69cd2;
$velvet-horizon-rgb: 214, 156, 210;
$velvet-horizon-light: mix(#fff, $velvet-horizon, 20%);
$velvet-horizon-dark: mix(#000, $velvet-horizon, 20%);
.element {
color: $velvet-horizon;
box-shadow: 0 0 0 2px rgba($velvet-horizon, 0.35);
}