이름 색상 · #C8A4BD
Dancing Wand
Dancing Wand은(는) #C8A4BD: rgb(200 164 189), hsl(318 25% 71%), oklch(0.759 0.054 337.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Dancing Wand color name →
#C8A4BD
oklch(0.759 0.054 337.4)
색상 변환
- HEX
- #c8a4bd
- RGB
- rgb(200 164 189)
- HSL
- hsl(318 25% 71%)
- HWB
- hwb(318 64% 22%)
- OKLCH
- oklch(0.759 0.054 337.4)
- OKLab
- oklab(0.759 0.05 -0.021)
- CIE Lab
- lab(71.25 16.77 -7.66)
- LCH
- lch(71.25 18.43 335.4)
- CMYK
- cmyk(0% 18% 5% 22%)
틴트 · 셰이드 · 톤
틴트
- CEADC3
- D3B6CA
- D9BFD0
- DEC8D7
- E4D1DE
- E9DAE4
- EFE3EB
- F4ECF2
- FAF6F8
셰이드
- AE8EA4
- 94798C
- 7B6474
- 63505D
- 4C3D47
- 362B33
- 211A1F
- 0F0A0D
- 020102
톤
- C1A0B7
- B99DB0
- B299AA
- AB96A4
- A4929E
- 9C8E98
- 958B92
- 8E878C
- 878486
색 조화
보색 +180°
- C8A4BD
Dancing Wand
- 95BBA3
≈ Greyed Jade
유사색 -30° +30°
- C8A4BD
Dancing Wand
- BAA8CC
≈ Immortal
- D0A3AA
≈ Lady Flower
삼각 배색 +120° +240°
- C8A4BD
Dancing Wand
- BAB18A
≈ Tomatillo Salsa
- 8ABAC7
≈ Blue Echo
분열 보색 +150° +210°
- C8A4BD
Dancing Wand
- A7B893
≈ Byakuroku Green
- 89BCB6
≈ Morning Green
사각 배색 +90° +180° +270°
- C8A4BD
Dancing Wand
- C8AB8D
≈ Semolina
- 95BBA3
≈ Greyed Jade
- 96B4D2
≈ Oxygen Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.21:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.50:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--dancing-wand: #c8a4bd;
--dancing-wand-rgb: 200 164 189;
--dancing-wand-oklch: oklch(0.759 0.054 337.4);
}
.element {
color: var(--dancing-wand);
background-color: hsl(318 25% 71%);
border-color: oklch(0.759 0.054 337.4);
}Tailwind CSS v4
@theme {
--color-dancing-wand: #c8a4bd;
--color-dancing-wand-50: #ffeffa;
--color-dancing-wand-100: #f5e1ee;
--color-dancing-wand-200: #e5ccdc;
--color-dancing-wand-300: #cbadc0;
--color-dancing-wand-400: #b493aa;
--color-dancing-wand-500: #9e7993;
--color-dancing-wand-600: #86667c;
--color-dancing-wand-700: #6b5264;
--color-dancing-wand-800: #4e3b4a;
--color-dancing-wand-900: #372933;
--color-dancing-wand-950: #21171f;
}SCSS
$dancing-wand: #c8a4bd;
$dancing-wand-rgb: 200, 164, 189;
$dancing-wand-light: mix(#fff, $dancing-wand, 20%);
$dancing-wand-dark: mix(#000, $dancing-wand, 20%);
.element {
color: $dancing-wand;
box-shadow: 0 0 0 2px rgba($dancing-wand, 0.35);
}