가장 가까운 이름 색상 · #B169D4
#B169D4
가장 가까운 이름 색상: Lavender
#B169D4(rgb(177 105 212), hsl(280 55% 62%), oklch(0.643 0.169 313.6))와 가장 가까운 이름 색상은 Lavender입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B169D4
oklch(0.643 0.169 313.6)
색상 변환
- HEX
- #b169d4
- RGB
- rgb(177 105 212)
- HSL
- hsl(280 55% 62%)
- HWB
- hwb(280 41% 17%)
- OKLCH
- oklch(0.643 0.169 313.6)
- OKLab
- oklab(0.643 0.117 -0.122)
- CIE Lab
- lab(55.99 43.05 -43.99)
- LCH
- lch(55.99 61.55 314.4)
- CMYK
- cmyk(17% 50% 0% 17%)
틴트 · 셰이드 · 톤
틴트
- B979D9
- C188DE
- C997E3
- D1A6E7
- D8B5EC
- E0C4F0
- E8D2F4
- F0E1F8
- F7F0FB
셰이드
- 995AB8
- 834C9D
- 6C3E83
- 573169
- 422451
- 2F183A
- 1C0C24
- 0C0410
- 010002
톤
- AC6CCC
- A770C4
- A372BB
- 9E75B3
- 9977AB
- 9479A2
- 8F7B9A
- 8A7D91
- 857F89
색 조화
보색 +180°
- B169D4
Lavender
- 60A222
≈ Elven Olympics
유사색 -30° +30°
- B169D4
Lavender
- 827AEF
≈ Hera Blue
- D05CA7
≈ Pú Táo Zǐ Purple
삼각 배색 +120° +240°
- B169D4
Lavender
- BE7E00
≈ Guo Tie Dumpling
- 00A1A0
≈ Aqua Velvet
분열 보색 +150° +210°
- B169D4
Lavender
- 9C9000
≈ Smoothie Green
- 00A675
≈ Bluish Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.59:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.84:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.84:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--lavender: #b169d4;
--lavender-rgb: 177 105 212;
--lavender-oklch: oklch(0.643 0.169 313.6);
}
.element {
color: var(--lavender);
background-color: hsl(280 55% 62%);
border-color: oklch(0.643 0.169 313.6);
}Tailwind CSS v4
@theme {
--color-lavender: #b169d4;
--color-lavender-50: #ffe7ff;
--color-lavender-100: #fed7ff;
--color-lavender-200: #f0beff;
--color-lavender-300: #d99cf2;
--color-lavender-400: #c27de4;
--color-lavender-500: #ad5dd3;
--color-lavender-600: #924fb2;
--color-lavender-700: #753f8f;
--color-lavender-800: #552e6c;
--color-lavender-900: #3c1f4c;
--color-lavender-950: #250e32;
}SCSS
$lavender: #b169d4;
$lavender-rgb: 177, 105, 212;
$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);
}