最接近的命名颜色 · #819BCF
#819BCF
最接近的命名颜色: Wisteria Blue
#819BCF（rgb(129 155 207)、hsl(220 45% 66%)、oklch(0.689 0.083 263.8)）最接近命名颜色 Wisteria Blue。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#819BCF
oklch(0.689 0.083 263.8)
颜色转换
- HEX
- #819bcf
- RGB
- rgb(129 155 207)
- HSL
- hsl(220 45% 66%)
- HWB
- hwb(220 51% 19%)
- OKLCH
- oklch(0.689 0.083 263.8)
- OKLab
- oklab(0.689 -0.009 -0.082)
- CIE Lab
- lab(63.48 0.4 -29.98)
- LCH
- lch(63.48 29.98 270.8)
- CMYK
- cmyk(38% 25% 0% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- 8DA5D4
- 99AFD9
- A5B9DE
- B2C3E3
- BECCE8
- CBD6ED
- D8E1F1
- E5EBF6
- F2F5FB
深色调
- 6F86B4
- 5E7299
- 4E5E7F
- 3E4B67
- 2E394F
- 1F2838
- 121823
- 060910
- 010102
灰色调
- 8198C7
- 8196BF
- 8193B7
- 8191AF
- 818EA7
- 818BA0
- 818898
- 808690
- 808388
配色和谐
互补色 +180°
- 819BCF
Wisteria Blue
- B4975E
≈ Edgy Gold
类似色 -30° +30°
- 819BCF
Wisteria Blue
- 65A4C7
≈ Scott Base
- 9D92CA
≈ Distinct Purple
三角配色 +120° +240°
- 819BCF
Wisteria Blue
- C98782
≈ Sunstone
- 7CA97A
≈ Abomination
分裂互补色 +150° +210°
- 819BCF
Wisteria Blue
- C48D6A
≈ Hitching Post
- 9AA165
≈ Banana Palm
四角配色 +90° +180° +270°
- 819BCF
Wisteria Blue
- C4869F
≈ Winsome Rose
- B4975E
≈ Edgy Gold
- 60AC97
≈ Green Crush
对比度与无障碍
Ag
Fail白底
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.52:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--wisteria-blue: #819bcf;
--wisteria-blue-rgb: 129 155 207;
--wisteria-blue-oklch: oklch(0.689 0.083 263.8);
}
.element {
color: var(--wisteria-blue);
background-color: hsl(220 45% 66%);
border-color: oklch(0.689 0.083 263.8);
}Tailwind CSS v4
@theme {
--color-wisteria-blue: #819bcf;
--color-wisteria-blue-50: #eaf5ff;
--color-wisteria-blue-100: #dbe8ff;
--color-wisteria-blue-200: #c4d4f9;
--color-wisteria-blue-300: #a3b7e3;
--color-wisteria-blue-400: #859ed0;
--color-wisteria-blue-500: #6a85bd;
--color-wisteria-blue-600: #5a71a0;
--color-wisteria-blue-700: #485a80;
--color-wisteria-blue-800: #32425f;
--color-wisteria-blue-900: #222e43;
--color-wisteria-blue-950: #111a2b;
}SCSS
$wisteria-blue: #819bcf;
$wisteria-blue-rgb: 129, 155, 207;
$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);
}