Màu có tên gần nhất · #8A4A8C
#8A4A8C
Màu có tên gần nhất: Prunella
#8A4A8C (rgb(138 74 140), hsl(298 31% 42%), oklch(0.511 0.124 326.1)) gần nhất với màu có tên Prunella. 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.
#8A4A8C
oklch(0.511 0.124 326.1)
Chuyển đổi màu
- HEX
- #8a4a8c
- RGB
- rgb(138 74 140)
- HSL
- hsl(298 31% 42%)
- HWB
- hwb(298 29% 45%)
- OKLCH
- oklch(0.511 0.124 326.1)
- OKLab
- oklab(0.511 0.103 -0.069)
- CIE Lab
- lab(41.46 35.26 -25.1)
- LCH
- lch(41.46 43.29 324.6)
- CMYK
- cmyk(1% 47% 0% 45%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 965C97
- A26DA3
- AE7FAE
- B991BA
- C5A2C5
- D1B5D1
- DCC7DC
- E8D9E8
- F3ECF3
Sắc đậm
- 773F79
- 653567
- 532A55
- 422043
- 321733
- 220E23
- 140614
- 070207
- 010001
Sắc xám
- 8A508B
- 89568A
- 885C89
- 876188
- 876787
- 866C86
- 847184
- 837683
- 827B82
Hòa sắc
Bổ túc +180°
- 8A4A8C
Prunella
- 2C7937
≈ Mermaid’s Tail
Tương đồng -30° +30°
- 8A4A8C
Prunella
- 6E55A5
≈ Prophet Violet
- 9C4469
≈ Satsuma Imo Red
Bộ ba +120° +240°
- 8A4A8C
Prunella
- 816100
≈ Ground Earth
- 00747F
≈ Night Scape
Bổ túc chia +150° +210°
- 8A4A8C
Prunella
- 636E00
≈ Brownish Green
- 007864
≈ Shady Glade
Bộ bốn +90° +180° +270°
- 8A4A8C
Prunella
- 9A5002
≈ Burnt Bagel
- 2C7937
≈ Mermaid’s Tail
- 006F9D
≈ Disarm
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.10:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.43:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--prunella: #8a4a8c;
--prunella-rgb: 138 74 140;
--prunella-oklch: oklch(0.511 0.124 326.1);
}
.element {
color: var(--prunella);
background-color: hsl(298 31% 42%);
border-color: oklch(0.511 0.124 326.1);
}Tailwind CSS v4
@theme {
--color-prunella: #8a4a8c;
--color-prunella-50: #ffe9ff;
--color-prunella-100: #ffdafd;
--color-prunella-200: #f2c2ef;
--color-prunella-300: #daa1d8;
--color-prunella-400: #c484c6;
--color-prunella-500: #b066b2;
--color-prunella-600: #945796;
--color-prunella-700: #774578;
--color-prunella-800: #57325a;
--color-prunella-900: #3d223f;
--color-prunella-950: #261128;
}SCSS
$prunella: #8a4a8c;
$prunella-rgb: 138, 74, 140;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}