Màu có tên gần nhất · #9B25A2
#9B25A2
Màu có tên gần nhất: Purple Ink
#9B25A2 (rgb(155 37 162), hsl(297 63% 39%), oklch(0.505 0.205 325.6)) gần nhất với màu có tên Purple Ink. 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.
#9B25A2
oklch(0.505 0.205 325.6)
Chuyển đổi màu
- HEX
- #9b25a2
- RGB
- rgb(155 37 162)
- HSL
- hsl(297 63% 39%)
- HWB
- hwb(297 15% 36%)
- OKLCH
- oklch(0.505 0.205 325.6)
- OKLab
- oklab(0.505 0.169 -0.116)
- CIE Lab
- lab(39.26 58.65 -41.58)
- LCH
- lch(39.26 71.9 324.7)
- CMYK
- cmyk(4% 77% 0% 36%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A641AC
- B159B6
- BC6EBF
- C683C9
- D098D2
- DAACDB
- E4C1E4
- EDD5ED
- F6EAF6
Sắc đậm
- 861F8C
- 721977
- 5E1363
- 4B0D4F
- 39083C
- 28042A
- 180219
- 09000A
- 010001
Sắc xám
- 99349F
- 97409C
- 954A99
- 935496
- 915C93
- 8E648F
- 8B6B8C
- 887288
- 847984
Hòa sắc
Bổ túc +180°
- 9B25A2
Purple Ink
- 007A22
≈ Green Glutton
Tương đồng -30° +30°
- 9B25A2
Purple Ink
- 733DCA
≈ Purple Rain
- B50369
≈ Aztec Warrior
Bộ ba +120° +240°
- 9B25A2
Purple Ink
- 7F5F00
≈ Ground Earth
- 00727C
≈ Scurf Green
Bổ túc chia +150° +210°
- 9B25A2
Purple Ink
- 626C00
≈ Brownish Green
- 007662
≈ Teal Waters
Bộ bốn +90° +180° +270°
- 9B25A2
Purple Ink
- 984E00
≈ Warm Brown
- 007A22
≈ Green Glutton
- 006D99
≈ Disarm
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.60:1 · APCA Lc 81
Ag
FailTrên nền đen
WCAG 3.18:1 · APCA Lc 20
Màu chữ tốt nhất: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--purple-ink: #9b25a2;
--purple-ink-rgb: 155 37 162;
--purple-ink-oklch: oklch(0.505 0.205 325.6);
}
.element {
color: var(--purple-ink);
background-color: hsl(297 63% 39%);
border-color: oklch(0.505 0.205 325.6);
}Tailwind CSS v4
@theme {
--color-purple-ink: #9b25a2;
--color-purple-ink-50: #ffe1ff;
--color-purple-ink-100: #ffd0ff;
--color-purple-ink-200: #ffb4ff;
--color-purple-ink-300: #ee8fed;
--color-purple-ink-400: #d96cdf;
--color-purple-ink-500: #c644ce;
--color-purple-ink-600: #a73bae;
--color-purple-ink-700: #862f8b;
--color-purple-ink-800: #63226a;
--color-purple-ink-900: #45164a;
--color-purple-ink-950: #2d0631;
}SCSS
$purple-ink: #9b25a2;
$purple-ink-rgb: 155, 37, 162;
$purple-ink-light: mix(#fff, $purple-ink, 20%);
$purple-ink-dark: mix(#000, $purple-ink, 20%);
.element {
color: $purple-ink;
box-shadow: 0 0 0 2px rgba($purple-ink, 0.35);
}