最接近的命名颜色 · #9293EC
#9293EC
最接近的命名颜色: Perrywinkle
#9293EC（rgb(146 147 236)、hsl(239 70% 75%)、oklch(0.699 0.129 282)）最接近命名颜色 Perrywinkle。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9293EC
oklch(0.699 0.129 282)
颜色转换
- HEX
- #9293ec
- RGB
- rgb(146 147 236)
- HSL
- hsl(239 70% 75%)
- HWB
- hwb(239 57% 7%)
- OKLCH
- oklch(0.699 0.129 282)
- OKLab
- oklab(0.699 0.027 -0.126)
- CIE Lab
- lab(63.67 15.87 -45.56)
- LCH
- lch(63.67 48.25 289.2)
- CMYK
- cmyk(38% 38% 0% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- 9C9EEF
- A6A9F1
- B1B4F3
- BBBEF6
- C6C9F8
- D1D4F9
- DCDFFB
- E8E9FD
- F3F4FE
深色调
- 7E7FCD
- 6B6CAF
- 585992
- 464776
- 35365B
- 252542
- 161629
- 080813
- 010103
灰色调
- 9092E1
- 8E90D6
- 8C8ECC
- 8A8CC1
- 888BB6
- 8789AB
- 8587A1
- 838596
- 82828B
配色和谐
互补色 +180°
- 9293EC
Perrywinkle
- AEA030
≈ Martian
类似色 -30° +30°
- 9293EC
Perrywinkle
- 5EA2EC
≈ Feather Star
- B985D8
≈ Lavender Blossom
三角配色 +120° +240°
- 9293EC
Perrywinkle
- E1815B
≈ Sohi Orange
- 40B785
≈ Ming Green
分裂互补色 +150° +210°
- 9293EC
Perrywinkle
- CF9034
≈ Fuel Yellow
- 80AF56
≈ Lost Golfer
四角配色 +90° +180° +270°
- 9293EC
Perrywinkle
- E27A89
≈ Hot Gossip
- AEA030
≈ Martian
- 00B5B1
≈ Swagger
对比度与无障碍
Ag
Fail白底
WCAG 2.76:1 · APCA Lc 53
Ag
AAA黑底
WCAG 7.60:1 · APCA Lc 49
最佳文字颜色: #000000
WCAG 7.60:1 (AAA) · APCA Lc 49
Contrast pairs
代码片段
CSS
:root {
--perrywinkle: #9293ec;
--perrywinkle-rgb: 146 147 236;
--perrywinkle-oklch: oklch(0.699 0.129 282);
}
.element {
color: var(--perrywinkle);
background-color: hsl(239 70% 75%);
border-color: oklch(0.699 0.129 282);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #9293ec;
--color-perrywinkle-50: #f0f1ff;
--color-perrywinkle-100: #e2e3ff;
--color-perrywinkle-200: #cdcdff;
--color-perrywinkle-300: #afaff8;
--color-perrywinkle-400: #9394e9;
--color-perrywinkle-500: #7a79d9;
--color-perrywinkle-600: #6766b7;
--color-perrywinkle-700: #525293;
--color-perrywinkle-800: #3a3c6e;
--color-perrywinkle-900: #28294d;
--color-perrywinkle-950: #161733;
}SCSS
$perrywinkle: #9293ec;
$perrywinkle-rgb: 146, 147, 236;
$perrywinkle-light: mix(#fff, $perrywinkle, 20%);
$perrywinkle-dark: mix(#000, $perrywinkle, 20%);
.element {
color: $perrywinkle;
box-shadow: 0 0 0 2px rgba($perrywinkle, 0.35);
}