Màu có tên gần nhất · #8475A4
#8475A4
Màu có tên gần nhất: Aster
#8475A4 (rgb(132 117 164), hsl(259 21% 55%), oklch(0.594 0.072 298.8)) gần nhất với màu có tên Aster. 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.
#8475A4
oklch(0.594 0.072 298.8)
Chuyển đổi màu
- HEX
- #8475a4
- RGB
- rgb(132 117 164)
- HSL
- hsl(259 21% 55%)
- HWB
- hwb(259 46% 36%)
- OKLCH
- oklch(0.594 0.072 298.8)
- OKLab
- oklab(0.594 0.035 -0.063)
- CIE Lab
- lab(51.99 13.49 -23.2)
- LCH
- lch(51.99 26.83 300.2)
- CMYK
- cmyk(20% 29% 0% 36%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9082AD
- 9B8FB6
- A79DBF
- B3AAC8
- BFB8D1
- CCC6DB
- D8D4E4
- E5E2ED
- F2F1F6
Sắc đậm
- 72658E
- 605579
- 4F4664
- 3F3750
- 2F293D
- 201C2B
- 120F1A
- 06050A
- 010101
Sắc xám
- 8476A1
- 83779D
- 83799A
- 827A96
- 827B92
- 817C8F
- 817D8B
- 817E87
- 807F84
Hòa sắc
Bổ túc +180°
- 8475A4
Aster
- 7A8553
≈ Oregano
Tương đồng -30° +30°
- 8475A4
Aster
- 6C7DAA
≈ Night Thistle
- 976F94
≈ Tatarian Aster
Bộ ba +120° +240°
- 8475A4
Aster
- 9F7452
≈ Ranch Brown
- 498D7F
≈ Royal Palm
Bổ túc chia +150° +210°
- 8475A4
Aster
- 907C4A
≈ Ovoid Fruit
- 608B67
≈ Murdoch
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.14:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 5.06:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 5.06:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--aster: #8475a4;
--aster-rgb: 132 117 164;
--aster-oklch: oklch(0.594 0.072 298.8);
}
.element {
color: var(--aster);
background-color: hsl(259 21% 55%);
border-color: oklch(0.594 0.072 298.8);
}Tailwind CSS v4
@theme {
--color-aster: #8475a4;
--color-aster-50: #f8f1ff;
--color-aster-100: #ece3fd;
--color-aster-200: #d9ceef;
--color-aster-300: #bdafd7;
--color-aster-400: #a495c4;
--color-aster-500: #8c7cb0;
--color-aster-600: #776995;
--color-aster-700: #5f5477;
--color-aster-800: #453d59;
--color-aster-900: #302a3e;
--color-aster-950: #1c1827;
}SCSS
$aster: #8475a4;
$aster-rgb: 132, 117, 164;
$aster-light: mix(#fff, $aster, 20%);
$aster-dark: mix(#000, $aster, 20%);
.element {
color: $aster;
box-shadow: 0 0 0 2px rgba($aster, 0.35);
}