가장 가까운 이름 색상 · #AD6BBF
#AD6BBF
가장 가까운 이름 색상: Lavendless
#AD6BBF(rgb(173 107 191), hsl(287 40% 58%), oklch(0.631 0.141 318.8))와 가장 가까운 이름 색상은 Lavendless입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AD6BBF
oklch(0.631 0.141 318.8)
색상 변환
- HEX
- #ad6bbf
- RGB
- rgb(173 107 191)
- HSL
- hsl(287 40% 58%)
- HWB
- hwb(287 42% 25%)
- OKLCH
- oklch(0.631 0.141 318.8)
- OKLab
- oklab(0.631 0.106 -0.093)
- CIE Lab
- lab(55.07 37.44 -33.55)
- LCH
- lch(55.07 50.27 318.1)
- CMYK
- cmyk(9% 44% 0% 25%)
틴트 · 셰이드 · 톤
틴트
- B57AC6
- BE89CD
- C697D3
- CEA6DA
- D7B5E0
- DFC3E6
- E7D2ED
- EFE1F3
- F7F0F9
셰이드
- 965CA6
- 7F4E8D
- 6A3F75
- 55325E
- 412548
- 2D1833
- 1B0D1F
- 0B040D
- 010002
톤
- A96EB9
- A471B3
- A073AC
- 9C75A6
- 9777A0
- 93799A
- 8E7B93
- 897D8D
- 857F87
색 조화
보색 +180°
- AD6BBF
Lavendless
- 5A9D45
≈ Calm Balm
유사색 -30° +30°
- AD6BBF
Lavendless
- 8879D8
≈ Indigo Bloom
- C66297
≈ Ibis Rose
삼각 배색 +120° +240°
- AD6BBF
Lavendless
- B37E00
≈ Golden Brown
- 009DA2
≈ Island Dream
분열 보색 +150° +210°
- AD6BBF
Lavendless
- 918F00
≈ Old Asparagus
- 00A17C
≈ Sport Green
사각 배색 +90° +180° +270°
- AD6BBF
Lavendless
- CC6B32
≈ Hot Caramel
- 5A9D45
≈ Calm Balm
- 0096C5
≈ Atomic Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.72:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.63:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--lavendless: #ad6bbf;
--lavendless-rgb: 173 107 191;
--lavendless-oklch: oklch(0.631 0.141 318.8);
}
.element {
color: var(--lavendless);
background-color: hsl(287 40% 58%);
border-color: oklch(0.631 0.141 318.8);
}Tailwind CSS v4
@theme {
--color-lavendless: #ad6bbf;
--color-lavendless-50: #ffe9ff;
--color-lavendless-100: #fed9ff;
--color-lavendless-200: #f0c1f9;
--color-lavendless-300: #d89fe3;
--color-lavendless-400: #c282d3;
--color-lavendless-500: #ad64c1;
--color-lavendless-600: #9255a3;
--color-lavendless-700: #754483;
--color-lavendless-800: #553162;
--color-lavendless-900: #3c2145;
--color-lavendless-950: #25102d;
}SCSS
$lavendless: #ad6bbf;
$lavendless-rgb: 173, 107, 191;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}