가장 가까운 이름 색상 · #B180C3
#B180C3
가장 가까운 이름 색상: Wisteria
#B180C3(rgb(177 128 195), hsl(284 36% 63%), oklch(0.672 0.11 316.7))와 가장 가까운 이름 색상은 Wisteria입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B180C3
oklch(0.672 0.11 316.7)
색상 변환
- HEX
- #b180c3
- RGB
- rgb(177 128 195)
- HSL
- hsl(284 36% 63%)
- HWB
- hwb(284 50% 24%)
- OKLCH
- oklch(0.672 0.11 316.7)
- OKLab
- oklab(0.672 0.08 -0.076)
- CIE Lab
- lab(60.4 28.36 -27.56)
- LCH
- lch(60.4 39.55 315.8)
- CMYK
- cmyk(9% 34% 0% 24%)
틴트 · 셰이드 · 톤
틴트
- B98DC9
- C199CF
- C8A6D6
- D0B2DC
- D8BFE2
- E0CBE8
- E8D8EE
- EFE5F3
- F7F2F9
셰이드
- 996EA9
- 835D90
- 6C4D78
- 573D60
- 422E4A
- 2F1F34
- 1C1220
- 0C060E
- 010102
톤
- AC80BC
- A781B6
- A281AF
- 9E81A8
- 9981A2
- 94819B
- 8F8194
- 8A818D
- 858087
색 조화
보색 +180°
- B180C3
Wisteria
- 75A660
≈ Dull Green
유사색 -30° +30°
- B180C3
Wisteria
- 918BD6
≈ Adora
- C779A3
≈ Heartbreaker
삼각 배색 +120° +240°
- B180C3
Wisteria
- BC8C3F
≈ Trading Post
- 1AAAAD
≈ Blue Island
분열 보색 +150° +210°
- B180C3
Wisteria
- 9E9A42
≈ Be Yourself
- 45AB87
≈ Laurel Wreath
사각 배색 +90° +180° +270°
- B180C3
Wisteria
- CD8059
≈ Apricot Brown
- 75A660
≈ Dull Green
- 39A3CA
≈ Skydome
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.11:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.74:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.74:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--wisteria: #b180c3;
--wisteria-rgb: 177 128 195;
--wisteria-oklch: oklch(0.672 0.11 316.7);
}
.element {
color: var(--wisteria);
background-color: hsl(284 36% 63%);
border-color: oklch(0.672 0.11 316.7);
}Tailwind CSS v4
@theme {
--color-wisteria: #b180c3;
--color-wisteria-50: #ffecff;
--color-wisteria-100: #f8ddff;
--color-wisteria-200: #e9c6f3;
--color-wisteria-300: #d0a6dc;
--color-wisteria-400: #b98aca;
--color-wisteria-500: #a36eb6;
--color-wisteria-600: #8a5d9a;
--color-wisteria-700: #6e4a7c;
--color-wisteria-800: #50365d;
--color-wisteria-900: #382541;
--color-wisteria-950: #231329;
}SCSS
$wisteria: #b180c3;
$wisteria-rgb: 177, 128, 195;
$wisteria-light: mix(#fff, $wisteria, 20%);
$wisteria-dark: mix(#000, $wisteria, 20%);
.element {
color: $wisteria;
box-shadow: 0 0 0 2px rgba($wisteria, 0.35);
}