最接近的命名颜色 · #5F5B7D
#5F5B7D
最接近的命名颜色: Berry Jam
#5F5B7D（rgb(95 91 125)、hsl(247 16% 42%)、oklch(0.488 0.054 289.6)）最接近命名颜色 Berry Jam。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#5F5B7D
oklch(0.488 0.054 289.6)
颜色转换
- HEX
- #5f5b7d
- RGB
- rgb(95 91 125)
- HSL
- hsl(247 16% 42%)
- HWB
- hwb(247 36% 51%)
- OKLCH
- oklch(0.488 0.054 289.6)
- OKLab
- oklab(0.488 0.018 -0.051)
- CIE Lab
- lab(40.06 7.65 -18.66)
- LCH
- lch(40.06 20.17 292.3)
- CMYK
- cmyk(24% 27% 0% 51%)
浅色调 · 深色调 · 灰色调
浅色调
- 6E6A89
- 7C7A96
- 8C89A3
- 9B99B0
- ABAABD
- BBBACA
- CCCBD7
- DDDCE4
- EEEDF2
深色调
- 524E6C
- 44415B
- 38354B
- 2C293B
- 201E2C
- 15131E
- 0A0911
- 030305
- 000001
灰色调
- 625F7D
- 65627E
- 69667E
- 6C6A7F
- 6F6E7F
- 72717F
- 767580
- 797980
- 7D7C80
配色和谐
互补色 +180°
- 5F5B7D
Berry Jam
- 62633E
≈ Wood’s Creek
类似色 -30° +30°
- 5F5B7D
Berry Jam
- 4E617F
≈ Sapphire Earbobs
- 6E5673
≈ Trixter
三角配色 +120° +240°
- 5F5B7D
Berry Jam
- 795744
≈ Wild Bill Brown
- 3F6A5B
≈ June Ivy
分裂互补色 +150° +210°
- 5F5B7D
Berry Jam
- 705D3C
≈ Muddy River
- 50684A
≈ Garden Cucumber
四角配色 +90° +180° +270°
- 5F5B7D
Berry Jam
- 7C5453
≈ Cranberry Red
- 62633E
≈ Wood’s Creek
- 37696C
≈ Aquarium
对比度与无障碍
Ag
AA白底
WCAG 6.40:1 · APCA Lc 82
Ag
Fail黑底
WCAG 3.27:1 · APCA Lc 20
最佳文字颜色: #FFFFFF
WCAG 6.40:1 (AA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--berry-jam: #5f5b7d;
--berry-jam-rgb: 95 91 125;
--berry-jam-oklch: oklch(0.488 0.054 289.6);
}
.element {
color: var(--berry-jam);
background-color: hsl(247 16% 42%);
border-color: oklch(0.488 0.054 289.6);
}Tailwind CSS v4
@theme {
--color-berry-jam: #5f5b7d;
--color-berry-jam-50: #f5f3ff;
--color-berry-jam-100: #e8e5f9;
--color-berry-jam-200: #d4d1ea;
--color-berry-jam-300: #b7b3d2;
--color-berry-jam-400: #9d9abd;
--color-berry-jam-500: #8581a8;
--color-berry-jam-600: #706d8e;
--color-berry-jam-700: #5a5772;
--color-berry-jam-800: #414054;
--color-berry-jam-900: #2d2c3b;
--color-berry-jam-950: #1a1925;
}SCSS
$berry-jam: #5f5b7d;
$berry-jam-rgb: 95, 91, 125;
$berry-jam-light: mix(#fff, $berry-jam, 20%);
$berry-jam-dark: mix(#000, $berry-jam, 20%);
.element {
color: $berry-jam;
box-shadow: 0 0 0 2px rgba($berry-jam, 0.35);
}