가장 가까운 이름 색상 · #AD86F3
#AD86F3
가장 가까운 이름 색상: Illicit Purple
#AD86F3(rgb(173 134 243), hsl(261 82% 74%), oklch(0.702 0.158 298.8))와 가장 가까운 이름 색상은 Illicit Purple입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AD86F3
oklch(0.702 0.158 298.8)
색상 변환
- HEX
- #ad86f3
- RGB
- rgb(173 134 243)
- HSL
- hsl(261 82% 74%)
- HWB
- hwb(261 53% 5%)
- OKLCH
- oklch(0.702 0.158 298.8)
- OKLab
- oklab(0.702 0.076 -0.139)
- CIE Lab
- lab(63.19 32.25 -49.95)
- LCH
- lch(63.19 59.46 302.8)
- CMYK
- cmyk(29% 45% 0% 5%)
틴트 · 셰이드 · 톤
틴트
- B593F5
- BC9FF7
- C4ABF9
- CCB7FA
- D5C3FC
- DDCFFD
- E5DBFE
- EEE7FE
- F6F3FF
셰이드
- 9674D3
- 7F62B4
- 6A5197
- 55407A
- 41305E
- 2D2144
- 1B132B
- 0B0614
- 010103
톤
- A886E7
- A386DC
- 9F86D0
- 9A85C5
- 9685BA
- 9184AE
- 8D83A3
- 888297
- 84818C
색 조화
보색 +180°
- AD86F3
Illicit Purple
- 96AC19
≈ Barf Green
유사색 -30° +30°
- AD86F3
Illicit Purple
- 7798FF
≈ Periwinkle Blue
- D378CF
≈ Purple Kush
삼각 배색 +120° +240°
- AD86F3
Illicit Purple
- E5821D
≈ Master Round Yellow
- 00B8A0
≈ Aare River
분열 보색 +150° +210°
- AD86F3
Illicit Purple
- C39900
≈ Rapeseed
- 49B965
≈ Forest Maid
사각 배색 +90° +180° +270°
- AD86F3
Illicit Purple
- F17364
≈ Mild Heart Attack
- 96AC19
≈ Barf Green
- 00B3C7
≈ Antigua Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.80:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.48:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--illicit-purple: #ad86f3;
--illicit-purple-rgb: 173 134 243;
--illicit-purple-oklch: oklch(0.702 0.158 298.8);
}
.element {
color: var(--illicit-purple);
background-color: hsl(261 82% 74%);
border-color: oklch(0.702 0.158 298.8);
}Tailwind CSS v4
@theme {
--color-illicit-purple: #ad86f3;
--color-illicit-purple-50: #fcebff;
--color-illicit-purple-100: #f0dcff;
--color-illicit-purple-200: #dfc5ff;
--color-illicit-purple-300: #c5a4fc;
--color-illicit-purple-400: #ac87ee;
--color-illicit-purple-500: #9669df;
--color-illicit-purple-600: #7f59bc;
--color-illicit-purple-700: #654797;
--color-illicit-purple-800: #493472;
--color-illicit-purple-900: #322350;
--color-illicit-purple-950: #1e1235;
}SCSS
$illicit-purple: #ad86f3;
$illicit-purple-rgb: 173, 134, 243;
$illicit-purple-light: mix(#fff, $illicit-purple, 20%);
$illicit-purple-dark: mix(#000, $illicit-purple, 20%);
.element {
color: $illicit-purple;
box-shadow: 0 0 0 2px rgba($illicit-purple, 0.35);
}