Màu có tên gần nhất · #904194
#904194
Màu có tên gần nhất: Prunella
#904194 (rgb(144 65 148), hsl(297 39% 42%), oklch(0.51 0.151 325.6)) 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.
#904194
oklch(0.51 0.151 325.6)
Chuyển đổi màu
- HEX
- #904194
- RGB
- rgb(144 65 148)
- HSL
- hsl(297 39% 42%)
- HWB
- hwb(297 25% 42%)
- OKLCH
- oklch(0.51 0.151 325.6)
- OKLab
- oklab(0.51 0.125 -0.085)
- CIE Lab
- lab(40.88 42.86 -30.75)
- LCH
- lch(40.88 52.75 324.3)
- CMYK
- cmyk(3% 56% 0% 42%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9C559F
- A767AA
- B37AB4
- BE8DBF
- C99FCA
- D4B2D4
- DFC5DF
- EAD8EA
- F4EBF4
Sắc đậm
- 7D3780
- 6A2E6D
- 57255A
- 451C48
- 341336
- 240B26
- 150516
- 070108
- 010001
Sắc xám
- 8F4992
- 8E5091
- 8D578F
- 8C5D8D
- 8A638B
- 886989
- 876F87
- 857585
- 827B82
Hòa sắc
Bổ túc +180°
- 904194
Prunella
- 107B27
≈ Pharmaceutical Green
Tương đồng -30° +30°
- 904194
Prunella
- 6F4FB2
≈ Royal Lavender
- A53869
≈ Valentine’s Day
Bộ ba +120° +240°
- 904194
Prunella
- 816100
≈ Ground Earth
- 00747E
≈ Night Scape
Bổ túc chia +150° +210°
- 904194
Prunella
- 646D00
≈ Brownish Green
- 007864
≈ Shady Glade
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.23:1 · APCA Lc 81
Ag
FailTrên nền đen
WCAG 3.36:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--prunella: #904194;
--prunella-rgb: 144 65 148;
--prunella-oklch: oklch(0.51 0.151 325.6);
}
.element {
color: var(--prunella);
background-color: hsl(297 39% 42%);
border-color: oklch(0.51 0.151 325.6);
}Tailwind CSS v4
@theme {
--color-prunella: #904194;
--color-prunella-50: #ffe7ff;
--color-prunella-100: #ffd7ff;
--color-prunella-200: #f8bef6;
--color-prunella-300: #e19bdf;
--color-prunella-400: #cb7dce;
--color-prunella-500: #b75dbb;
--color-prunella-600: #9b4f9e;
--color-prunella-700: #7c3f7f;
--color-prunella-800: #5b2e60;
--color-prunella-900: #401f43;
--color-prunella-950: #280e2b;
}SCSS
$prunella: #904194;
$prunella-rgb: 144, 65, 148;
$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);
}