Màu có tên gần nhất · #8F186E
#8F186E
Màu có tên gần nhất: Possessed Purple
#8F186E (rgb(143 24 110), hsl(317 71% 33%), oklch(0.447 0.174 342.4)) gần nhất với màu có tên Possessed Purple. 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.
#8F186E
oklch(0.447 0.174 342.4)
Chuyển đổi màu
- HEX
- #8f186e
- RGB
- rgb(143 24 110)
- HSL
- hsl(317 71% 33%)
- HWB
- hwb(317 9% 44%)
- OKLCH
- oklch(0.447 0.174 342.4)
- OKLab
- oklab(0.447 0.166 -0.052)
- CIE Lab
- lab(33.37 53.43 -18.88)
- LCH
- lch(33.37 56.67 340.5)
- CMYK
- cmyk(0% 83% 23% 44%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9C367C
- A94E8A
- B56498
- C17AA6
- CC90B5
- D7A6C3
- E2BCD2
- ECD2E1
- F6E8F0
Sắc đậm
- 7C135F
- 690F50
- 570A41
- 450733
- 340426
- 240219
- 15010E
- 070004
- 010001
Sắc xám
- 8F2970
- 8F3672
- 8E4174
- 8E4B76
- 8C5578
- 8B5E79
- 89677B
- 866F7D
- 83787E
Hòa sắc
Bổ túc +180°
- 8F186E
Possessed Purple
- 006544
≈ Aotake Bamboo
Tương đồng -30° +30°
- 8F186E
Possessed Purple
- 742B98
≈ Orb of Discord
- 9D0939
≈ Cranberry
Bộ ba +120° +240°
- 8F186E
Possessed Purple
- 5F5600
≈ Olive Brown
- 005E75
≈ Lyons Blue
Bổ túc chia +150° +210°
- 8F186E
Possessed Purple
- 386200
≈ Keen Green
- 006260
≈ Emerald Stone
Bộ bốn +90° +180° +270°
- 8F186E
Possessed Purple
- 744A00
≈ Antique Bronze
- 006544
≈ Aotake Bamboo
- 00559C
≈ Standing Waters
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.32:1 · APCA Lc 87
Ag
FailTrên nền đen
WCAG 2.52:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 8.32:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
CSS
:root {
--possessed-purple: #8f186e;
--possessed-purple-rgb: 143 24 110;
--possessed-purple-oklch: oklch(0.447 0.174 342.4);
}
.element {
color: var(--possessed-purple);
background-color: hsl(317 71% 33%);
border-color: oklch(0.447 0.174 342.4);
}Tailwind CSS v4
@theme {
--color-possessed-purple: #8f186e;
--color-possessed-purple-50: #ffe2ff;
--color-possessed-purple-100: #ffd1f6;
--color-possessed-purple-200: #ffb6e6;
--color-possessed-purple-300: #f591cd;
--color-possessed-purple-400: #e270ba;
--color-possessed-purple-500: #cf4ba5;
--color-possessed-purple-600: #af418b;
--color-possessed-purple-700: #8c3470;
--color-possessed-purple-800: #682554;
--color-possessed-purple-900: #49193b;
--color-possessed-purple-950: #2f0825;
}SCSS
$possessed-purple: #8f186e;
$possessed-purple-rgb: 143, 24, 110;
$possessed-purple-light: mix(#fff, $possessed-purple, 20%);
$possessed-purple-dark: mix(#000, $possessed-purple, 20%);
.element {
color: $possessed-purple;
box-shadow: 0 0 0 2px rgba($possessed-purple, 0.35);
}