最接近的命名颜色 · #B975D7
#B975D7
最接近的命名颜色: Lavender
#B975D7（rgb(185 117 215)、hsl(282 55% 65%)、oklch(0.672 0.156 314.8)）最接近命名颜色 Lavender。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B975D7
oklch(0.672 0.156 314.8)
颜色转换
- HEX
- #b975d7
- RGB
- rgb(185 117 215)
- HSL
- hsl(282 55% 65%)
- HWB
- hwb(282 46% 16%)
- OKLCH
- oklch(0.672 0.156 314.8)
- OKLab
- oklab(0.672 0.11 -0.111)
- CIE Lab
- lab(59.59 39.9 -39.97)
- LCH
- lch(59.59 56.47 315)
- CMYK
- cmyk(14% 46% 0% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- C083DC
- C791E0
- CE9FE4
- D5ADE9
- DCBAED
- E3C8F1
- EAD6F4
- F1E3F8
- F8F1FC
深色调
- A065BB
- 89559F
- 714685
- 5B376B
- 462952
- 311C3B
- 1E0F25
- 0D0511
- 020102
灰色调
- B377CE
- AE79C6
- A87ABD
- A27CB4
- 9D7DAC
- 977EA3
- 917E9A
- 8C7F92
- 868089
配色和谐
互补色 +180°
- B975D7
Lavender
- 6AAA3E
≈ Leaf
类似色 -30° +30°
- B975D7
Lavender
- 8D85F1
≈ Lavender Blue Shadow
- D76AAC
≈ Purple Hollyhock
三角配色 +120° +240°
- B975D7
Lavender
- C88700
≈ Auric
- 00ABAB
≈ Jade Orchid
分裂互补色 +150° +210°
- B975D7
Lavender
- A49900
≈ Nuclear Fallout
- 00B07F
≈ Bright Camouflage
四角配色 +90° +180° +270°
- B975D7
Lavender
- E2713A
≈ Invigorate
- 6AAA3E
≈ Leaf
- 00A5D0
≈ Charybdis
对比度与无障碍
Ag
Fail白底
WCAG 3.18:1 · APCA Lc 59
Ag
AA黑底
WCAG 6.58:1 · APCA Lc 43
最佳文字颜色: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
代码片段
CSS
:root {
--lavender: #b975d7;
--lavender-rgb: 185 117 215;
--lavender-oklch: oklch(0.672 0.156 314.8);
}
.element {
color: var(--lavender);
background-color: hsl(282 55% 65%);
border-color: oklch(0.672 0.156 314.8);
}Tailwind CSS v4
@theme {
--color-lavender: #b975d7;
--color-lavender-50: #ffe8ff;
--color-lavender-100: #fdd8ff;
--color-lavender-200: #efc0ff;
--color-lavender-300: #d79eec;
--color-lavender-400: #c080dd;
--color-lavender-500: #ac61cc;
--color-lavender-600: #9152ac;
--color-lavender-700: #74428a;
--color-lavender-800: #553068;
--color-lavender-900: #3b2049;
--color-lavender-950: #250f30;
}SCSS
$lavender: #b975d7;
$lavender-rgb: 185, 117, 215;
$lavender-light: mix(#fff, $lavender, 20%);
$lavender-dark: mix(#000, $lavender, 20%);
.element {
color: $lavender;
box-shadow: 0 0 0 2px rgba($lavender, 0.35);
}