가장 가까운 이름 색상 · #AD6DCB
#AD6DCB
가장 가까운 이름 색상: Lavender
#AD6DCB(rgb(173 109 203), hsl(281 47% 61%), oklch(0.64 0.151 314.2))와 가장 가까운 이름 색상은 Lavender입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AD6DCB
oklch(0.64 0.151 314.2)
색상 변환
- HEX
- #ad6dcb
- RGB
- rgb(173 109 203)
- HSL
- hsl(281 47% 61%)
- HWB
- hwb(281 43% 20%)
- OKLCH
- oklch(0.64 0.151 314.2)
- OKLab
- oklab(0.64 0.105 -0.108)
- CIE Lab
- lab(55.97 38.31 -38.97)
- LCH
- lch(55.97 54.65 314.5)
- CMYK
- cmyk(15% 46% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- B57CD1
- BE8BD6
- C699DC
- CEA8E1
- D6B6E7
- DEC5EC
- E7D3F1
- EFE2F6
- F7F0FA
셰이드
- 965EB0
- 7F4F96
- 6A417D
- 553365
- 41264D
- 2D1937
- 1B0D22
- 0B040F
- 010102
톤
- A970C4
- A472BC
- A075B5
- 9B77AD
- 9779A6
- 927A9F
- 8E7C97
- 897D8F
- 857F88
색 조화
보색 +180°
- AD6DCB
Lavender
- 639F36
≈ Radiant Foliage
유사색 -30° +30°
- AD6DCB
Lavender
- 837CE3
≈ Indigo Bloom
- C962A2
≈ Phlox Pink
삼각 배색 +120° +240°
- AD6DCB
Lavender
- BC7D00
≈ Guo Tie Dumpling
- 00A0A0
≈ Pleasant Stream
분열 보색 +150° +210°
- AD6DCB
Lavender
- 9A8F00
≈ Smoothie Green
- 00A576
≈ Bluish Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.60:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.82:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.82:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--lavender: #ad6dcb;
--lavender-rgb: 173 109 203;
--lavender-oklch: oklch(0.64 0.151 314.2);
}
.element {
color: var(--lavender);
background-color: hsl(281 47% 61%);
border-color: oklch(0.64 0.151 314.2);
}Tailwind CSS v4
@theme {
--color-lavender: #ad6dcb;
--color-lavender-50: #ffe9ff;
--color-lavender-100: #fcd9ff;
--color-lavender-200: #eec1ff;
--color-lavender-300: #d69feb;
--color-lavender-400: #bf81dc;
--color-lavender-500: #aa63ca;
--color-lavender-600: #8f54ab;
--color-lavender-700: #734389;
--color-lavender-800: #543167;
--color-lavender-900: #3a2149;
--color-lavender-950: #241030;
}SCSS
$lavender: #ad6dcb;
$lavender-rgb: 173, 109, 203;
$lavender-light: mix(#fff, $lavender, 20%);
$lavender-dark: mix(#000, $lavender, 20%);
.element {
color: $lavender;
box-shadow: 0 0 0 2px rgba($lavender, 0.35);
}