Màu có tên gần nhất · #B180C3
#B180C3
Màu có tên gần nhất: Wisteria
#B180C3 (rgb(177 128 195), hsl(284 36% 63%), oklch(0.672 0.11 316.7)) gần nhất với màu có tên Wisteria. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#B180C3
oklch(0.672 0.11 316.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B98DC9
- C199CF
- C8A6D6
- D0B2DC
- D8BFE2
- E0CBE8
- E8D8EE
- EFE5F3
- F7F2F9
Sắc đậm
- 996EA9
- 835D90
- 6C4D78
- 573D60
- 422E4A
- 2F1F34
- 1C1220
- 0C060E
- 010102
Sắc xám
- AC80BC
- A781B6
- A281AF
- 9E81A8
- 9981A2
- 94819B
- 8F8194
- 8A818D
- 858087
Hòa sắc
Bổ túc +180°
- B180C3
Wisteria
- 75A660
≈ Dull Green
Tương đồng -30° +30°
- B180C3
Wisteria
- 918BD6
≈ Adora
- C779A3
≈ Heartbreaker
Bộ ba +120° +240°
- B180C3
Wisteria
- BC8C3F
≈ Trading Post
- 1AAAAD
≈ Blue Island
Bổ túc chia +150° +210°
- B180C3
Wisteria
- 9E9A42
≈ Be Yourself
- 45AB87
≈ Laurel Wreath
Bộ bốn +90° +180° +270°
- B180C3
Wisteria
- CD8059
≈ Apricot Brown
- 75A660
≈ Dull Green
- 39A3CA
≈ Skydome
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.11:1 · APCA Lc 58
Ag
AATrên nền đen
WCAG 6.74:1 · APCA Lc 44
Màu chữ tốt nhất: #000000
WCAG 6.74:1 (AA) · APCA Lc 44
Contrast pairs
Đoạn mã
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);
}