Màu có tên gần nhất · #9E608E
#9E608E
Màu có tên gần nhất: Bermuda Onion
#9E608E (rgb(158 96 142), hsl(315 24% 50%), oklch(0.573 0.101 337)) 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.
#9E608E
oklch(0.573 0.101 337)
Chuyển đổi màu
- HEX
- #9e608e
- RGB
- rgb(158 96 142)
- HSL
- hsl(315 24% 50%)
- HWB
- hwb(315 38% 38%)
- OKLCH
- oklch(0.573 0.101 337)
- OKLab
- oklab(0.573 0.093 -0.04)
- CIE Lab
- lab(49.05 30.98 -14.45)
- LCH
- lch(49.05 34.18 335)
- CMYK
- cmyk(0% 39% 10% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A86F99
- B27FA4
- BC8EAF
- C69EBA
- D0AEC5
- D9BED1
- E3CEDC
- ECDEE8
- F6EEF3
Sắc đậm
- 89527B
- 744568
- 603856
- 4D2C44
- 3A2034
- 291524
- 180A15
- 090307
- 010001
Sắc xám
- 9B648D
- 99678B
- 966A8A
- 936E89
- 907187
- 8D7486
- 8A7784
- 877A83
- 847D82
Hòa sắc
Bổ túc +180°
- 9E608E
Bermuda Onion
- 3D8A60
≈ Argyle
Tương đồng -30° +30°
- 9E608E
Bermuda Onion
- 8868A7
≈ Amethyst Orchid
- AA5D6E
≈ Shine Baby Shine
Bộ ba +120° +240°
- 9E608E
Bermuda Onion
- 897827
≈ Garden Lettuce Green
- 07869F
≈ Eastern Blue
Bổ túc chia +150° +210°
- 9E608E
Bermuda Onion
- 68833E
≈ Swamp Moss
- 008B82
≈ Clear Turquoise
Bộ bốn +90° +180° +270°
- 9E608E
Bermuda Onion
- A06B2F
≈ Eagle
- 3D8A60
≈ Argyle
- 427DB1
≈ Beijing Blue
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: #9e608e;
--bermuda-onion-rgb: 158 96 142;
--bermuda-onion-oklch: oklch(0.573 0.101 337);
}
.element {
color: var(--bermuda-onion);
background-color: hsl(315 24% 50%);
border-color: oklch(0.573 0.101 337);
}Tailwind CSS v4
@theme {
--color-bermuda-onion: #9e608e;
--color-bermuda-onion-50: #ffebff;
--color-bermuda-onion-100: #ffdbf3;
--color-bermuda-onion-200: #f2c4e3;
--color-bermuda-onion-300: #dba4c9;
--color-bermuda-onion-400: #c587b4;
--color-bermuda-onion-500: #b06b9f;
--color-bermuda-onion-600: #955b86;
--color-bermuda-onion-700: #78486b;
--color-bermuda-onion-800: #583450;
--color-bermuda-onion-900: #3d2438;
--color-bermuda-onion-950: #271222;
}SCSS
$bermuda-onion: #9e608e;
$bermuda-onion-rgb: 158, 96, 142;
$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);
}