가장 가까운 이름 색상 · #CFA4CF
#CFA4CF
가장 가까운 이름 색상: Lilac Lace
#CFA4CF(rgb(207 164 207), hsl(300 31% 73%), oklch(0.771 0.077 326.3))와 가장 가까운 이름 색상은 Lilac Lace입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CFA4CF
oklch(0.771 0.077 326.3)
색상 변환
- HEX
- #cfa4cf
- RGB
- rgb(207 164 207)
- HSL
- hsl(300 31% 73%)
- HWB
- hwb(300 64% 19%)
- OKLCH
- oklch(0.771 0.077 326.3)
- OKLab
- oklab(0.771 0.064 -0.043)
- CIE Lab
- lab(72.41 21.75 -15.71)
- LCH
- lch(72.41 26.83 324.2)
- CMYK
- cmyk(0% 21% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- D4ADD4
- D9B6D9
- DEBFDD
- E3C8E2
- E7D1E7
- ECDAEC
- F1E3F1
- F6ECF5
- FAF6FA
셰이드
- B48EB4
- 997999
- 7F647F
- 675067
- 4F3D4F
- 382B38
- 231A23
- 100A10
- 020102
톤
- C7A0C7
- BF9DBF
- B799B7
- AF96AF
- A792A7
- 9F8F9F
- 978B97
- 90878F
- 888488
색 조화
보색 +180°
- CFA4CF
Lilac Lace
- 95C298
≈ Velvet Leaf
유사색 -30° +30°
- CFA4CF
Lilac Lace
- B9ABE1
≈ Perfume
- DDA1B6
≈ Pink Gin
삼각 배색 +120° +240°
- CFA4CF
Lilac Lace
- CAB27C
≈ Roasted Pistachio
- 77C3CD
≈ Twisted Blue
분열 보색 +150° +210°
- CFA4CF
Lilac Lace
- B1BB83
≈ Nile
- 7EC5B3
≈ Monte Carlo
사각 배색 +90° +180° +270°
- CFA4CF
Lilac Lace
- DBA985
≈ Sweet Sue
- 95C298
≈ Velvet Leaf
- 85BDE0
≈ C’est la Vie
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.12:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.86:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.86:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--lilac-lace: #cfa4cf;
--lilac-lace-rgb: 207 164 207;
--lilac-lace-oklch: oklch(0.771 0.077 326.3);
}
.element {
color: var(--lilac-lace);
background-color: hsl(300 31% 73%);
border-color: oklch(0.771 0.077 326.3);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #cfa4cf;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f7dff5;
--color-lilac-lace-200: #e7c9e5;
--color-lilac-lace-300: #ceaacb;
--color-lilac-lace-400: #b78fb7;
--color-lilac-lace-500: #a174a1;
--color-lilac-lace-600: #886388;
--color-lilac-lace-700: #6d4f6d;
--color-lilac-lace-800: #503951;
--color-lilac-lace-900: #382739;
--color-lilac-lace-950: #221523;
}SCSS
$lilac-lace: #cfa4cf;
$lilac-lace-rgb: 207, 164, 207;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}