Màu có tên gần nhất · #852B8B
#852B8B
Màu có tên gần nhất: Hello Darkness My Old Friend
#852B8B (rgb(133 43 139), hsl(296 53% 36%), oklch(0.463 0.169 325.2)) gần nhất với màu có tên Hello Darkness My Old Friend. 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.
#852B8B
oklch(0.463 0.169 325.2)
Chuyển đổi màu
- HEX
- #852b8b
- RGB
- rgb(133 43 139)
- HSL
- hsl(296 53% 36%)
- HWB
- hwb(296 17% 45%)
- OKLCH
- oklch(0.463 0.169 325.2)
- OKLab
- oklab(0.463 0.139 -0.096)
- CIE Lab
- lab(35.03 48.04 -34.59)
- LCH
- lch(35.03 59.2 324.2)
- CMYK
- cmyk(4% 69% 0% 45%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 924397
- 9F58A3
- AB6DAE
- B881BA
- C496C6
- D0ABD1
- DCBFDD
- E8D4E8
- F3EAF4
Sắc đậm
- 732478
- 611D66
- 501654
- 401043
- 300A32
- 210523
- 130214
- 060107
- 010001
Sắc xám
- 85378A
- 86418A
- 864A89
- 855288
- 855B87
- 856286
- 846A85
- 837283
- 827982
Hòa sắc
Bổ túc +180°
- 852B8B
Hello Darkness My Old Friend
- 006C1B
≈ Avagddu Green
Tương đồng -30° +30°
- 852B8B
Hello Darkness My Old Friend
- 633CAB
≈ Poppy Pompadour
- 9B1C5D
≈ Berry Curious
Bộ ba +120° +240°
- 852B8B
Hello Darkness My Old Friend
- 715400
≈ Pickled Grape Leaves
- 00656E
≈ Wakame Green
Bổ túc chia +150° +210°
- 852B8B
Hello Darkness My Old Friend
- 575F00
≈ Greensboro
- 006856
≈ Piney Lake
Bộ bốn +90° +180° +270°
- 852B8B
Hello Darkness My Old Friend
- 884400
≈ Chocolate Pancakes
- 006C1B
≈ Avagddu Green
- 006088
≈ Ink Blotch
Tương phản và khả năng tiếp cận
Trên nền trắng
WCAG 7.73:1 · APCA Lc 86
Trên nền đen
WCAG 2.71:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--hello-darkness-my-old-friend: #852b8b;
--hello-darkness-my-old-friend-rgb: 133 43 139;
--hello-darkness-my-old-friend-oklch: oklch(0.463 0.169 325.2);
}
.element {
color: var(--hello-darkness-my-old-friend);
background-color: hsl(296 53% 36%);
border-color: oklch(0.463 0.169 325.2);
}Tailwind CSS v4
@theme {
--color-hello-darkness-my-old-friend: #852b8b;
--color-hello-darkness-my-old-friend-50: #ffe5ff;
--color-hello-darkness-my-old-friend-100: #ffd5ff;
--color-hello-darkness-my-old-friend-200: #fbbbfa;
--color-hello-darkness-my-old-friend-300: #e597e4;
--color-hello-darkness-my-old-friend-400: #d078d4;
--color-hello-darkness-my-old-friend-500: #bc56c2;
--color-hello-darkness-my-old-friend-600: #9f4aa4;
--color-hello-darkness-my-old-friend-700: #7f3b84;
--color-hello-darkness-my-old-friend-800: #5d2a63;
--color-hello-darkness-my-old-friend-900: #411c46;
--color-hello-darkness-my-old-friend-950: #2a0c2d;
}SCSS
$hello-darkness-my-old-friend: #852b8b;
$hello-darkness-my-old-friend-rgb: 133, 43, 139;
$hello-darkness-my-old-friend-light: mix(#fff, $hello-darkness-my-old-friend, 20%);
$hello-darkness-my-old-friend-dark: mix(#000, $hello-darkness-my-old-friend, 20%);
.element {
color: $hello-darkness-my-old-friend;
box-shadow: 0 0 0 2px rgba($hello-darkness-my-old-friend, 0.35);
}