Màu có tên gần nhất · #98619B
#98619B
Màu có tên gần nhất: Bermuda Onion
#98619B (rgb(152 97 155), hsl(297 23% 49%), oklch(0.573 0.107 325.1)) gần nhất với màu có tên Bermuda Onion. 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.
#98619B
oklch(0.573 0.107 325.1)
Chuyển đổi màu
- HEX
- #98619b
- RGB
- rgb(152 97 155)
- HSL
- hsl(297 23% 49%)
- HWB
- hwb(297 38% 39%)
- OKLCH
- oklch(0.573 0.107 325.1)
- OKLab
- oklab(0.573 0.088 -0.061)
- CIE Lab
- lab(48.94 30.12 -22.38)
- LCH
- lch(48.94 37.52 323.4)
- CMYK
- cmyk(2% 37% 0% 39%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A270A5
- AD80AF
- B78FB9
- C19FC3
- CCAECD
- D6BED7
- E0CEE1
- EBDEEB
- F5EFF5
Sắc đậm
- 845386
- 704672
- 5C395E
- 4A2D4B
- 382139
- 271528
- 170B18
- 080309
- 010001
Sắc xám
- 966598
- 946896
- 926B93
- 8F6E91
- 8D728E
- 8B758B
- 887889
- 857A86
- 837D83
Hòa sắc
Bổ túc +180°
- 98619B
Bermuda Onion
- 4C894F
≈ Beanpole
Tương đồng -30° +30°
- 98619B
Bermuda Onion
- 7D6BB1
≈ Clear Mauve
- A95C7B
≈ Indian Pink
Bộ ba +120° +240°
- 98619B
Bermuda Onion
- 95731D
≈ Glazed Chestnut
- 008894
≈ Curaçao Blue
Bổ túc chia +150° +210°
- 98619B
Bermuda Onion
- 767F2C
≈ Pacifika
- 058C75
≈ Emerald Enchantment
Bộ bốn +90° +180° +270°
- 98619B
Bermuda Onion
- A86634
≈ Mai Tai
- 4C894F
≈ Beanpole
- 2781AE
≈ Blue Bird Day
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.64:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.51:1 · APCA Lc 30
Màu chữ tốt nhất: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--bermuda-onion: #98619b;
--bermuda-onion-rgb: 152 97 155;
--bermuda-onion-oklch: oklch(0.573 0.107 325.1);
}
.element {
color: var(--bermuda-onion);
background-color: hsl(297 23% 49%);
border-color: oklch(0.573 0.107 325.1);
}Tailwind CSS v4
@theme {
--color-bermuda-onion: #98619b;
--color-bermuda-onion-50: #ffebff;
--color-bermuda-onion-100: #fcdcfb;
--color-bermuda-onion-200: #eec5ec;
--color-bermuda-onion-300: #d5a4d4;
--color-bermuda-onion-400: #bf88c1;
--color-bermuda-onion-500: #aa6cad;
--color-bermuda-onion-600: #8f5c92;
--color-bermuda-onion-700: #734975;
--color-bermuda-onion-800: #543558;
--color-bermuda-onion-900: #3b243d;
--color-bermuda-onion-950: #251327;
}SCSS
$bermuda-onion: #98619b;
$bermuda-onion-rgb: 152, 97, 155;
$bermuda-onion-light: mix(#fff, $bermuda-onion, 20%);
$bermuda-onion-dark: mix(#000, $bermuda-onion, 20%);
.element {
color: $bermuda-onion;
box-shadow: 0 0 0 2px rgba($bermuda-onion, 0.35);
}