Màu có tên gần nhất · #80508A
#80508A
Màu có tên gần nhất: Prunella
#80508A (rgb(128 80 138), hsl(290 27% 43%), oklch(0.508 0.105 320.5)) 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.
#80508A
oklch(0.508 0.105 320.5)
Chuyển đổi màu
- HEX
- #80508a
- RGB
- rgb(128 80 138)
- HSL
- hsl(290 27% 43%)
- HWB
- hwb(290 31% 46%)
- OKLCH
- oklch(0.508 0.105 320.5)
- OKLab
- oklab(0.508 0.081 -0.067)
- CIE Lab
- lab(41.37 28.28 -24.17)
- LCH
- lch(41.37 37.2 319.5)
- CMYK
- cmyk(7% 42% 0% 46%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8C6196
- 9971A1
- A582AD
- B293B8
- BFA5C4
- CBB6D0
- D8C8DB
- E5DAE7
- F2EDF3
Sắc đậm
- 6E4477
- 5D3965
- 4D2E53
- 3D2442
- 2E1A32
- 1F1022
- 120714
- 060207
- 010001
Sắc xám
- 805589
- 815A88
- 815F88
- 816487
- 816986
- 816E85
- 817284
- 817783
- 807B81
Hòa sắc
Bổ túc +180°
- 80508A
Prunella
- 427438
≈ Cucumber Queen
Tương đồng -30° +30°
- 80508A
Prunella
- 66599D
≈ Giant Onion
- 914A6D
≈ Goddess of Dawn
Bộ ba +120° +240°
- 80508A
Prunella
- 845E01
≈ Soil of Avagddu
- 007479
≈ Maxi Teal
Bổ túc chia +150° +210°
- 80508A
Prunella
- 696A11
≈ Worn Olive
- 00775D
≈ Tropical Rainforest
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.11:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.43:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.11:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--prunella: #80508a;
--prunella-rgb: 128 80 138;
--prunella-oklch: oklch(0.508 0.105 320.5);
}
.element {
color: var(--prunella);
background-color: hsl(290 27% 43%);
border-color: oklch(0.508 0.105 320.5);
}Tailwind CSS v4
@theme {
--color-prunella: #80508a;
--color-prunella-50: #ffecff;
--color-prunella-100: #f9ddfd;
--color-prunella-200: #eac6ef;
--color-prunella-300: #d1a6d7;
--color-prunella-400: #ba8ac5;
--color-prunella-500: #a56eb1;
--color-prunella-600: #8c5d95;
--color-prunella-700: #704b78;
--color-prunella-800: #52365a;
--color-prunella-900: #39253f;
--color-prunella-950: #231328;
}SCSS
$prunella: #80508a;
$prunella-rgb: 128, 80, 138;
$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);
}