가장 가까운 이름 색상 · #A66EB6
#A66EB6
가장 가까운 이름 색상: Prickly Purple
#A66EB6(rgb(166 110 182), hsl(287 33% 57%), oklch(0.623 0.122 318.5))와 가장 가까운 이름 색상은 Prickly Purple입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A66EB6
oklch(0.623 0.122 318.5)
색상 변환
- HEX
- #a66eb6
- RGB
- rgb(166 110 182)
- HSL
- hsl(287 33% 57%)
- HWB
- hwb(287 43% 29%)
- OKLCH
- oklch(0.623 0.122 318.5)
- OKLab
- oklab(0.623 0.091 -0.081)
- CIE Lab
- lab(54.55 32.14 -29.27)
- LCH
- lch(54.55 43.47 317.7)
- CMYK
- cmyk(9% 40% 0% 29%)
틴트 · 셰이드 · 톤
틴트
- AF7CBE
- B88BC5
- C199CC
- CAA7D4
- D3B6DB
- DCC4E2
- E4D3EA
- EDE1F1
- F6F0F8
셰이드
- 905F9E
- 7A5086
- 65416F
- 513359
- 3E2644
- 2B1930
- 1A0E1D
- 0A040C
- 010102
톤
- A270B1
- 9F73AB
- 9B75A6
- 9777A1
- 94789B
- 907A96
- 8C7C91
- 887D8B
- 847F86
색 조화
보색 +180°
- A66EB6
Prickly Purple
- 60984E
≈ Wicked Witch
유사색 -30° +30°
- A66EB6
Prickly Purple
- 857ACC
≈ Ube
- BC6793
≈ Malevolent Mauve
삼각 배색 +120° +240°
- A66EB6
Prickly Purple
- AF7D1B
≈ Golden Brown
- 009A9F
≈ Riviera Paradise
분열 보색 +150° +210°
- A66EB6
Prickly Purple
- 8E8C24
≈ Potter Green
- 149E7A
≈ Holly Green
사각 배색 +90° +180° +270°
- A66EB6
Prickly Purple
- C16E40
≈ Screaming Bell Metal
- 60984E
≈ Wicked Witch
- 0494C1
≈ Surf Rider
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.79:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.52:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--prickly-purple: #a66eb6;
--prickly-purple-rgb: 166 110 182;
--prickly-purple-oklch: oklch(0.623 0.122 318.5);
}
.element {
color: var(--prickly-purple);
background-color: hsl(287 33% 57%);
border-color: oklch(0.623 0.122 318.5);
}Tailwind CSS v4
@theme {
--color-prickly-purple: #a66eb6;
--color-prickly-purple-50: #ffeaff;
--color-prickly-purple-100: #fbdbff;
--color-prickly-purple-200: #ecc4f5;
--color-prickly-purple-300: #d4a3de;
--color-prickly-purple-400: #bd87cc;
--color-prickly-purple-500: #a86ab9;
--color-prickly-purple-600: #8e5a9d;
--color-prickly-purple-700: #72487e;
--color-prickly-purple-800: #53345e;
--color-prickly-purple-900: #3a2342;
--color-prickly-purple-950: #24122a;
}SCSS
$prickly-purple: #a66eb6;
$prickly-purple-rgb: 166, 110, 182;
$prickly-purple-light: mix(#fff, $prickly-purple, 20%);
$prickly-purple-dark: mix(#000, $prickly-purple, 20%);
.element {
color: $prickly-purple;
box-shadow: 0 0 0 2px rgba($prickly-purple, 0.35);
}