Màu có tên gần nhất · #837FB9
#837FB9
Màu có tên gần nhất: Aster
#837FB9 (rgb(131 127 185), hsl(244 29% 61%), oklch(0.623 0.087 286.7)) 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.
#837FB9
oklch(0.623 0.087 286.7)
Chuyển đổi màu
- HEX
- #837fb9
- RGB
- rgb(131 127 185)
- HSL
- hsl(244 29% 61%)
- HWB
- hwb(244 50% 27%)
- OKLCH
- oklch(0.623 0.087 286.7)
- OKLab
- oklab(0.623 0.025 -0.083)
- CIE Lab
- lab(55.28 11.62 -30.21)
- LCH
- lch(55.28 32.37 291)
- CMYK
- cmyk(29% 31% 0% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8E8BC0
- 9A98C7
- A6A4CF
- B2B1D6
- BFBEDD
- CBCBE4
- D8D8EB
- E5E5F1
- F2F2F8
Sắc đậm
- 716EA0
- 605D89
- 4F4C71
- 3F3C5B
- 2F2D46
- 201F31
- 12111E
- 06060D
- 010102
Sắc xám
- 837FB3
- 8280AE
- 8280A8
- 8180A3
- 81809D
- 818097
- 818092
- 80808C
- 808086
Hòa sắc
Bổ túc +180°
- 837FB9
Aster
- 8D8B4A
≈ Warm Wetlands
Tương đồng -30° +30°
- 837FB9
Aster
- 6589BB
≈ Faded Blue
- 9C77AA
≈ Karma Chameleon
Bộ ba +120° +240°
- 837FB9
Aster
- B27659
≈ Apricot Mix
- 4D987C
≈ Greenway
Bổ túc chia +150° +210°
- 837FB9
Aster
- A58048
≈ Caramel Suede
- 6E935F
≈ Wakatake Green
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 3.68:1 · APCA Lc 64
Ag
AATrên nền đen
WCAG 5.70:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.70:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
CSS
:root {
--aster: #837fb9;
--aster-rgb: 131 127 185;
--aster-oklch: oklch(0.623 0.087 286.7);
}
.element {
color: var(--aster);
background-color: hsl(244 29% 61%);
border-color: oklch(0.623 0.087 286.7);
}Tailwind CSS v4
@theme {
--color-aster: #837fb9;
--color-aster-50: #f4f2ff;
--color-aster-100: #e6e4ff;
--color-aster-200: #d2cff8;
--color-aster-300: #b5b1e2;
--color-aster-400: #9a97d0;
--color-aster-500: #827dbd;
--color-aster-600: #6e6a9f;
--color-aster-700: #585580;
--color-aster-800: #3f3e5f;
--color-aster-900: #2b2b43;
--color-aster-950: #19182b;
}SCSS
$aster: #837fb9;
$aster-rgb: 131, 127, 185;
$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);
}