Màu có tên gần nhất · #8861CF
#8861CF
Màu có tên gần nhất: Amethyst
#8861CF (rgb(136 97 207), hsl(261 53% 60%), oklch(0.584 0.164 297.4)) gần nhất với màu có tên Amethyst. 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.
#8861CF
oklch(0.584 0.164 297.4)
Chuyển đổi màu
- HEX
- #8861cf
- RGB
- rgb(136 97 207)
- HSL
- hsl(261 53% 60%)
- HWB
- hwb(261 38% 19%)
- OKLCH
- oklch(0.584 0.164 297.4)
- OKLab
- oklab(0.584 0.076 -0.146)
- CIE Lab
- lab(49.29 34.26 -52.11)
- LCH
- lch(49.29 62.36 303.3)
- CMYK
- cmyk(34% 53% 0% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9371D5
- 9E81DA
- A991E0
- B5A1E5
- C1B0EA
- CDC0EF
- D9D0F3
- E5DFF7
- F2EFFB
Sắc đậm
- 7553B4
- 634699
- 52397F
- 412D67
- 31214F
- 221538
- 130B23
- 060310
- 010002
Sắc xám
- 8765C7
- 8669C0
- 856DB8
- 8470B1
- 8373A9
- 8276A1
- 827999
- 817B91
- 807E89
Hòa sắc
Bổ túc +180°
- 8861CF
Amethyst
- 768500
≈ Swamp Green
Tương đồng -30° +30°
- 8861CF
Amethyst
- 5173DC
≈ Cornflower
- AD52AD
≈ Orchid Dottyback
Bộ ba +120° +240°
- 8861CF
Amethyst
- B86200
≈ Honey Ginger
- 00907B
≈ Miami Jade
Bổ túc chia +150° +210°
- 8861CF
Amethyst
- 997600
≈ Mesozoic Green
- 16943B
≈ Pixelated Grass
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 4.50:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.65:1 · APCA Lc 31
Màu chữ tốt nhất: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Đoạn mã
CSS
:root {
--amethyst: #8861cf;
--amethyst-rgb: 136 97 207;
--amethyst-oklch: oklch(0.584 0.164 297.4);
}
.element {
color: var(--amethyst);
background-color: hsl(261 53% 60%);
border-color: oklch(0.584 0.164 297.4);
}Tailwind CSS v4
@theme {
--color-amethyst: #8861cf;
--color-amethyst-50: #fbebff;
--color-amethyst-100: #efdcff;
--color-amethyst-200: #dec5ff;
--color-amethyst-300: #c4a4ff;
--color-amethyst-400: #aa87f2;
--color-amethyst-500: #9468e3;
--color-amethyst-600: #7d59c0;
--color-amethyst-700: #64479a;
--color-amethyst-800: #483474;
--color-amethyst-900: #322352;
--color-amethyst-950: #1e1237;
}SCSS
$amethyst: #8861cf;
$amethyst-rgb: 136, 97, 207;
$amethyst-light: mix(#fff, $amethyst, 20%);
$amethyst-dark: mix(#000, $amethyst, 20%);
.element {
color: $amethyst;
box-shadow: 0 0 0 2px rgba($amethyst, 0.35);
}