가장 가까운 이름 색상 · #ACA2E3
#ACA2E3
가장 가까운 이름 색상: Violet Velvet
#ACA2E3(rgb(172 162 227), hsl(249 54% 76%), oklch(0.744 0.093 291))와 가장 가까운 이름 색상은 Violet Velvet입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#ACA2E3
oklch(0.744 0.093 291)
색상 변환
- HEX
- #aca2e3
- RGB
- rgb(172 162 227)
- HSL
- hsl(249 54% 76%)
- HWB
- hwb(249 64% 11%)
- OKLCH
- oklch(0.744 0.093 291)
- OKLab
- oklab(0.744 0.033 -0.087)
- CIE Lab
- lab(69.28 14.09 -31.74)
- LCH
- lch(69.28 34.73 293.9)
- CMYK
- cmyk(24% 29% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- B4ABE6
- BCB4E9
- C4BEEC
- CCC7EF
- D4D0F2
- DDDAF5
- E5E3F8
- EEECFA
- F6F6FD
셰이드
- 958CC5
- 7F77A8
- 69638C
- 544F71
- 403C57
- 2D2A3F
- 1B1927
- 0B0A12
- 010103
톤
- A79FD9
- A39BCF
- 9E98C5
- 9A95BB
- 9591B1
- 918EA7
- 8D8A9D
- 888794
- 84848A
색 조화
보색 +180°
- ACA2E3
Violet Velvet
- AEB26B
≈ Rodham
유사색 -30° +30°
- ACA2E3
Violet Velvet
- 8BADE7
≈ Queer Blue
- C799D0
≈ Mauve Mist
삼각 배색 +120° +240°
- ACA2E3
Violet Velvet
- DC9B76
≈ Totally Toffee
- 6AC0A4
≈ Spearmint
분열 보색 +150° +210°
- ACA2E3
Violet Velvet
- CAA666
≈ Wild Mustard Seed
- 8CBB84
≈ Green Masquerade
사각 배색 +90° +180° +270°
- ACA2E3
Violet Velvet
- E19493
≈ Salmon Pink Red
- AEB26B
≈ Rodham
- 5ABEC4
≈ Pharaoh’s Seas
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.03:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--violet-velvet: #aca2e3;
--violet-velvet-rgb: 172 162 227;
--violet-velvet-oklch: oklch(0.744 0.093 291);
}
.element {
color: var(--violet-velvet);
background-color: hsl(249 54% 76%);
border-color: oklch(0.744 0.093 291);
}Tailwind CSS v4
@theme {
--color-violet-velvet: #aca2e3;
--color-violet-velvet-50: #f6f1ff;
--color-violet-velvet-100: #e8e3ff;
--color-violet-velvet-200: #d5cdf9;
--color-violet-velvet-300: #b9afe3;
--color-violet-velvet-400: #9e95d2;
--color-violet-velvet-500: #867bbf;
--color-violet-velvet-600: #7268a1;
--color-violet-velvet-700: #5b5382;
--color-violet-velvet-800: #413d61;
--color-violet-velvet-900: #2d2a44;
--color-violet-velvet-950: #1a172c;
}SCSS
$violet-velvet: #aca2e3;
$violet-velvet-rgb: 172, 162, 227;
$violet-velvet-light: mix(#fff, $violet-velvet, 20%);
$violet-velvet-dark: mix(#000, $violet-velvet, 20%);
.element {
color: $violet-velvet;
box-shadow: 0 0 0 2px rgba($violet-velvet, 0.35);
}