#8564F4

#8564F4

颜色值

HEX

#8564F4

RGB

133, 100, 244

HSL

253.8, 86.7%, 67.5%

HSV

253.8, 59.0%, 95.7%

CMYK

45.5%, 59.0%, 0.0%, 4.3%

OKLCH

0.6107 0.2062 289.4

属性

冷色 浅色 最接近： slateblue 1

色彩心理学

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

配色方案

互补色

#8564F4

#D3F464

类似色

#648BF4

#CD64F4

#8564F4

三角配色

#8564F4

#F48564

#64F485

分裂互补色

#8564F4

#F4CD64

#8BF464

四角配色

#8564F4

#F4648B

#D3F464

#64F4CD

色觉模拟

原始

#8564F4

红色盲

#7776D1

绿色盲

#797BC9

蓝色盲

#83B6B0

全色盲

#757575

CSS 用法

background-color: #8564F4;
color: #8564F4;
border-color: #8564F4;
最接近的 Tailwind： Violet 500 #8B5CF6

Tailwind 色阶

50
#F4F2FD
100
#E6E0FA
200
#CBBCFA
300
#A58DF7
400
#744FF2
500
#4411EE
600
#360EBE
700
#2B0B98
800
#220877
900
#1C0B56
950
#120736

对比度检查器

白底文字

4.1:1

AA Fail AAA Fail

黑底文字

5.13:1

AA Pass AAA Fail

与之比较

#8564F4
#D3F464
#8564F4
#FFFFFF
#000000
#8564F4

相关文章

教程

CSS color-mix()：在浏览器中原生混合颜色

一月 26, 2026
教程

从零开始构建颜色选择器 Web Component

一月 21, 2026
教程

感知色彩空间：Lab、LCH、Oklab、OKLCH

一月 15, 2026

常见问题

What are the RGB, HSL, and CMYK values of #8564F4?

RGB(133, 100, 244) · HSL(253.8, 86.7%, 67.5%) · CMYK(45.5%, 59.0%, 0.0%, 4.3%)

Does #8564F4 meet WCAG contrast on white?

4.1:1 — WCAG AA 不通过, AAA 不通过 for normal text.

What text color is readable on #8564F4?

Use 000000 text on a #8564F4 background; contrast on black is 5.13:1.