最接近的命名颜色 · #7A95F8
#7A95F8
最接近的命名颜色: Wisteria Blue
#7A95F8（rgb(122 149 248)、hsl(227 90% 73%)、oklch(0.693 0.149 270.6)）最接近命名颜色 Wisteria Blue。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7A95F8
oklch(0.693 0.149 270.6)
颜色转换
- HEX
- #7a95f8
- RGB
- rgb(122 149 248)
- HSL
- hsl(227 90% 73%)
- HWB
- hwb(227 48% 3%)
- OKLCH
- oklch(0.693 0.149 270.6)
- OKLab
- oklab(0.693 0.002 -0.149)
- CIE Lab
- lab(62.98 11.02 -53.35)
- LCH
- lch(62.98 54.48 281.7)
- CMYK
- cmyk(51% 40% 0% 3%)
浅色调 · 深色调 · 灰色调
浅色调
- 86A0FA
- 93ABFB
- A0B6FC
- ADC0FD
- BACBFE
- C8D5FF
- D5E0FF
- E3EAFF
- F1F5FF
深色调
- 6981D8
- 596DB8
- 495A9A
- 3A487C
- 2B3760
- 1D2645
- 10162C
- 050815
- 010103
灰色调
- 7B93EC
- 7B92E0
- 7C90D4
- 7C8EC8
- 7D8CBC
- 7D8AB0
- 7E88A4
- 7F8598
- 7F838C
配色和谐
互补色 +180°
- 7A95F8
Wisteria Blue
- BE9700
≈ Hidden Tribe
类似色 -30° +30°
- 7A95F8
Wisteria Blue
- 28A6EF
≈ Rockman Blue
- AC84EA
≈ Lavender Blossom
三角配色 +120° +240°
- 7A95F8
Wisteria Blue
- EA7562
≈ Colorado Bronze
- 49B66A
≈ Turtle Warrior
分裂互补色 +150° +210°
- 7A95F8
Wisteria Blue
- DD8325
≈ Sports Fan
- 90A92C
≈ Beautiful Mint
四角配色 +90° +180° +270°
- 7A95F8
Wisteria Blue
- E57197
≈ Loveland
- BE9700
≈ Hidden Tribe
- 00B5A0
≈ Aare River
对比度与无障碍
Ag
Fail白底
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.48:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--wisteria-blue: #7a95f8;
--wisteria-blue-rgb: 122 149 248;
--wisteria-blue-oklch: oklch(0.693 0.149 270.6);
}
.element {
color: var(--wisteria-blue);
background-color: hsl(227 90% 73%);
border-color: oklch(0.693 0.149 270.6);
}Tailwind CSS v4
@theme {
--color-wisteria-blue: #7a95f8;
--color-wisteria-blue-50: #e6f3ff;
--color-wisteria-blue-100: #d7e6ff;
--color-wisteria-blue-200: #bed1ff;
--color-wisteria-blue-300: #9eb2ff;
--color-wisteria-blue-400: #7e98f6;
--color-wisteria-blue-500: #627ce8;
--color-wisteria-blue-600: #536ac3;
--color-wisteria-blue-700: #42549d;
--color-wisteria-blue-800: #2d3e75;
--color-wisteria-blue-900: #1e2b53;
--color-wisteria-blue-950: #0f1838;
}SCSS
$wisteria-blue: #7a95f8;
$wisteria-blue-rgb: 122, 149, 248;
$wisteria-blue-light: mix(#fff, $wisteria-blue, 20%);
$wisteria-blue-dark: mix(#000, $wisteria-blue, 20%);
.element {
color: $wisteria-blue;
box-shadow: 0 0 0 2px rgba($wisteria-blue, 0.35);
}