가장 가까운 이름 색상 · #CDA8D8
#CDA8D8
가장 가까운 이름 색상: Lilac Lace
#CDA8D8(rgb(205 168 216), hsl(286 38% 75%), oklch(0.78 0.078 318.4))와 가장 가까운 이름 색상은 Lilac Lace입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CDA8D8
oklch(0.78 0.078 318.4)
색상 변환
- HEX
- #cda8d8
- RGB
- rgb(205 168 216)
- HSL
- hsl(286 38% 75%)
- HWB
- hwb(286 66% 15%)
- OKLCH
- oklch(0.78 0.078 318.4)
- OKLab
- oklab(0.78 0.058 -0.052)
- CIE Lab
- lab(73.43 20.28 -19.12)
- LCH
- lch(73.43 27.87 316.7)
- CMYK
- cmyk(5% 22% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- D2B1DC
- D7B9E0
- DCC2E4
- E1CAE8
- E6D3EC
- EBDCF0
- F0E5F4
- F5EDF7
- FAF6FB
셰이드
- B292BC
- 987CA0
- 7E6785
- 66526B
- 4E3F53
- 382C3B
- 231A25
- 0F0A11
- 020102
톤
- C5A4CF
- BDA0C6
- B59CBD
- AE98B4
- A694AB
- 9E90A3
- 978C9A
- 8F8891
- 878489
색 조화
보색 +180°
- CDA8D8
Lilac Lace
- 9FC493
≈ Cos
유사색 -30° +30°
- CDA8D8
Lilac Lace
- B5B0E7
≈ Maximum Blue Purple
- DEA3C0
≈ Pink Gin
삼각 배색 +120° +240°
- CDA8D8
Lilac Lace
- D3B27E
≈ Brass Trumpet
- 78C7CA
≈ Pearl Bay
분열 보색 +150° +210°
- CDA8D8
Lilac Lace
- BBBC81
≈ Ushabti Bone
- 84C8AE
≈ Pale Teal
사각 배색 +90° +180° +270°
- CDA8D8
Lilac Lace
- E2A98C
≈ Rose Tattoo
- 9FC493
≈ Cos
- 81C2DF
≈ Undercool
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.06:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.18:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--lilac-lace: #cda8d8;
--lilac-lace-rgb: 205 168 216;
--lilac-lace-oklch: oklch(0.78 0.078 318.4);
}
.element {
color: var(--lilac-lace);
background-color: hsl(286 38% 75%);
border-color: oklch(0.78 0.078 318.4);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #cda8d8;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f4e0f8;
--color-lilac-lace-200: #e4cae9;
--color-lilac-lace-300: #caabd0;
--color-lilac-lace-400: #b290bc;
--color-lilac-lace-500: #9c75a8;
--color-lilac-lace-600: #84648e;
--color-lilac-lace-700: #6a5072;
--color-lilac-lace-800: #4d3a55;
--color-lilac-lace-900: #36283b;
--color-lilac-lace-950: #211625;
}SCSS
$lilac-lace: #cda8d8;
$lilac-lace-rgb: 205, 168, 216;
$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);
}