Màu có tên gần nhất · #985688
#985688
Màu có tên gần nhất: Bermuda Onion
#985688 (rgb(152 86 136), hsl(315 28% 47%), oklch(0.547 0.109 336.6)) 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.
#985688
oklch(0.547 0.109 336.6)
Chuyển đổi màu
- HEX
- #985688
- RGB
- rgb(152 86 136)
- HSL
- hsl(315 28% 47%)
- HWB
- hwb(315 34% 40%)
- OKLCH
- oklch(0.547 0.109 336.6)
- OKLab
- oklab(0.547 0.1 -0.043)
- CIE Lab
- lab(45.84 33.31 -15.8)
- LCH
- lch(45.84 36.87 334.6)
- CMYK
- cmyk(0% 43% 11% 40%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A36693
- AD779F
- B887AB
- C298B6
- CDA8C2
- D7B9CE
- E1CBDA
- EBDCE6
- F5EDF3
Sắc đậm
- 844A75
- 703E63
- 5C3252
- 4A2741
- 381C31
- 271222
- 170813
- 080206
- 010001
Sắc xám
- 965B87
- 945F87
- 926486
- 906885
- 8E6C84
- 8B7084
- 897483
- 867882
- 837C81
Hòa sắc
Bổ túc +180°
- 985688
Bermuda Onion
- 2D8356
≈ Kākāriki Green
Tương đồng -30° +30°
- 985688
Bermuda Onion
- 815EA2
≈ Chive Blossom
- A55366
≈ Beef Jerky
Bộ ba +120° +240°
- 985688
Bermuda Onion
- 83700B
≈ Sunlit Kelp Green
- 007E95
≈ Pagoda
Bổ túc chia +150° +210°
- 985688
Bermuda Onion
- 607C2F
≈ Dirty Green
- 008279
≈ Blue Winged Teal
Bộ bốn +90° +180° +270°
- 985688
Bermuda Onion
- 9B621C
≈ Soft Tone Ink
- 2D8356
≈ Kākāriki Green
- 3375AC
≈ Python Blue
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.22:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 4.02:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--bermuda-onion: #985688;
--bermuda-onion-rgb: 152 86 136;
--bermuda-onion-oklch: oklch(0.547 0.109 336.6);
}
.element {
color: var(--bermuda-onion);
background-color: hsl(315 28% 47%);
border-color: oklch(0.547 0.109 336.6);
}Tailwind CSS v4
@theme {
--color-bermuda-onion: #985688;
--color-bermuda-onion-50: #ffeaff;
--color-bermuda-onion-100: #ffdaf4;
--color-bermuda-onion-200: #f4c3e4;
--color-bermuda-onion-300: #dda2ca;
--color-bermuda-onion-400: #c885b6;
--color-bermuda-onion-500: #b368a1;
--color-bermuda-onion-600: #975988;
--color-bermuda-onion-700: #79476d;
--color-bermuda-onion-800: #593352;
--color-bermuda-onion-900: #3e2339;
--color-bermuda-onion-950: #271223;
}SCSS
$bermuda-onion: #985688;
$bermuda-onion-rgb: 152, 86, 136;
$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);
}