最接近的命名颜色 · #9F4E95
#9F4E95
最接近的命名颜色: Bermuda Onion
#9F4E95（rgb(159 78 149)、hsl(307 34% 46%)、oklch(0.549 0.14 332.1)）最接近命名颜色 Bermuda Onion。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9F4E95
oklch(0.549 0.14 332.1)
颜色转换
- HEX
- #9f4e95
- RGB
- rgb(159 78 149)
- HSL
- hsl(307 34% 46%)
- HWB
- hwb(307 31% 38%)
- OKLCH
- oklch(0.549 0.14 332.1)
- OKLab
- oklab(0.549 0.124 -0.066)
- CIE Lab
- lab(45.63 41.5 -23.79)
- LCH
- lch(45.63 47.83 330.2)
- CMYK
- cmyk(0% 51% 6% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- A960A0
- B471AA
- BE83B5
- C794BF
- D1A6CA
- DBB7D4
- E4C9DF
- EDDBEA
- F6EDF4
深色调
- 8A4381
- 75386D
- 612D5A
- 4D2348
- 3B1937
- 290F26
- 180716
- 090208
- 010001
灰色调
- 9D5493
- 9A5A91
- 975F8F
- 95648D
- 92698B
- 8E6E89
- 8B7387
- 887785
- 847C82
配色和谐
互补色 +180°
- 9F4E95
Bermuda Onion
- 0D8846
≈ The Wild Apothecary
类似色 -30° +30°
- 9F4E95
Bermuda Onion
- 815AB4
≈ Lusty Lavender
- B1486B
≈ Lickedy Lick
三角配色 +120° +240°
- 9F4E95
Bermuda Onion
- 896E00
≈ Muddy Brown
- 007F92
≈ Pagoda
分裂互补色 +150° +210°
- 9F4E95
Bermuda Onion
- 647D00
≈ Birch Leaf Green
- 008476
≈ Summer Turquoise
四角配色 +90° +180° +270°
- 9F4E95
Bermuda Onion
- A45D00
≈ Raw Umber
- 0D8846
≈ The Wild Apothecary
- 0078B6
≈ Americana
对比度与无障碍
Ag
AA白底
WCAG 5.25:1 · APCA Lc 76
Ag
Fail黑底
WCAG 3.99:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--bermuda-onion: #9f4e95;
--bermuda-onion-rgb: 159 78 149;
--bermuda-onion-oklch: oklch(0.549 0.14 332.1);
}
.element {
color: var(--bermuda-onion);
background-color: hsl(307 34% 46%);
border-color: oklch(0.549 0.14 332.1);
}Tailwind CSS v4
@theme {
--color-bermuda-onion: #9f4e95;
--color-bermuda-onion-50: #ffe7ff;
--color-bermuda-onion-100: #ffd7fb;
--color-bermuda-onion-200: #fabeed;
--color-bermuda-onion-300: #e39cd5;
--color-bermuda-onion-400: #ce7ec3;
--color-bermuda-onion-500: #ba5faf;
--color-bermuda-onion-600: #9d5194;
--color-bermuda-onion-700: #7e4076;
--color-bermuda-onion-800: #5d2e59;
--color-bermuda-onion-900: #411f3e;
--color-bermuda-onion-950: #290f27;
}SCSS
$bermuda-onion: #9f4e95;
$bermuda-onion-rgb: 159, 78, 149;
$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);
}