最接近的命名颜色 · #B255D1
#B255D1
最接近的命名颜色: Love Priestess
#B255D1（rgb(178 85 209)、hsl(285 57% 58%)、oklch(0.614 0.197 316.8)）最接近命名颜色 Love Priestess。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B255D1
oklch(0.614 0.197 316.8)
颜色转换
- HEX
- #b255d1
- RGB
- rgb(178 85 209)
- HSL
- hsl(285 57% 58%)
- HWB
- hwb(285 33% 18%)
- OKLCH
- oklch(0.614 0.197 316.8)
- OKLab
- oklab(0.614 0.144 -0.135)
- CIE Lab
- lab(52.16 52.52 -48.32)
- LCH
- lch(52.16 71.36 317.4)
- CMYK
- cmyk(15% 59% 0% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- BA68D6
- C27ADC
- CA8BE1
- D29CE6
- DAACEB
- E2BDEF
- E9CDF3
- F0DEF7
- F8EEFB
深色调
- 9A49B5
- 833D9B
- 6D3181
- 572668
- 431C50
- 2F1139
- 1D0823
- 0C0210
- 010002
灰色调
- AD5BC9
- A961C1
- A466B9
- 9F6BB2
- 9A6FAA
- 9573A1
- 907799
- 8B7A91
- 857D89
配色和谐
互补色 +180°
- B255D1
Love Priestess
- 469C00
≈ Grassy Green
类似色 -30° +30°
- B255D1
Love Priestess
- 8169F2
≈ Medium Slate Blue
- D2459B
≈ Twinkly Pinkily
三角配色 +120° +240°
- B255D1
Love Priestess
- AF7800
≈ Golden Brown
- 00979A
≈ Regula Barbara Blue
分裂互补色 +150° +210°
- B255D1
Love Priestess
- 8E8900
≈ Palak Paneer
- 009C74
≈ Free Speech Aquamarine
四角配色 +90° +180° +270°
- B255D1
Love Priestess
- D35B00
≈ Exuberance
- 469C00
≈ Grassy Green
- 0092BB
≈ Blue Danube
对比度与无障碍
Ag
Fail白底
WCAG 4.10:1 · APCA Lc 68
Ag
AA黑底
WCAG 5.11:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
CSS
:root {
--love-priestess: #b255d1;
--love-priestess-rgb: 178 85 209;
--love-priestess-oklch: oklch(0.614 0.197 316.8);
}
.element {
color: var(--love-priestess);
background-color: hsl(285 57% 58%);
border-color: oklch(0.614 0.197 316.8);
}Tailwind CSS v4
@theme {
--color-love-priestess: #b255d1;
--color-love-priestess-50: #ffe4ff;
--color-love-priestess-100: #ffd3ff;
--color-love-priestess-200: #f8b9ff;
--color-love-priestess-300: #e294f7;
--color-love-priestess-400: #cc74ea;
--color-love-priestess-500: #b84fda;
--color-love-priestess-600: #9b44b8;
--color-love-priestess-700: #7d3694;
--color-love-priestess-800: #5b2770;
--color-love-priestess-900: #401a4f;
--color-love-priestess-950: #280934;
}SCSS
$love-priestess: #b255d1;
$love-priestess-rgb: 178, 85, 209;
$love-priestess-light: mix(#fff, $love-priestess, 20%);
$love-priestess-dark: mix(#000, $love-priestess, 20%);
.element {
color: $love-priestess;
box-shadow: 0 0 0 2px rgba($love-priestess, 0.35);
}