#8564FB

#8564FB

カラー値

HEX

#8564FB

RGB

133, 100, 251

HSL

253.1, 95.0%, 68.8%

HSV

253.1, 60.2%, 98.4%

CMYK

47.0%, 60.2%, 0.0%, 1.6%

OKLCH

0.6157 0.2147 288.5

プロパティ

寒色 明るい 最も近い： 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.

カラーハーモニー

補色

#8564FB

#DAFB64

類似色

#648EFB

#D064FB

#8564FB

トライアド

#8564FB

#FB8564

#64FB85

スプリット補色

#8564FB

#FBD064

#8EFB64

テトラード

#8564FB

#FB648E

#DAFB64

#64FBD0

色覚異常シミュレーション

オリジナル

#8564FB

第1色覚異常

#7776D7

第2色覚異常

#797BCE

第3色覚異常

#83BAB3

全色盲

#767676

CSS使用法

background-color: #8564FB;
color: #8564FB;
border-color: #8564FB;
最も近いTailwind： Violet 500 #8B5CF6

Tailwindシェード

50
#F4F1FE
100
#E5DFFC
200
#C8B9FD
300
#A188FC
400
#6E47FA
500
#3B06F9
600
#2F05C7
700
#26049F
800
#1E037C
900
#19075A
950
#100439

コントラストチェッカー

白背景のテキスト

4.03:1

AA Fail AAA Fail

黒背景のテキスト

5.21:1

AA Pass AAA Fail

比較する

#8564FB
#DAFB64
#8564FB
#FFFFFF
#000000
#8564FB

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

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

RGB(133, 100, 251) · HSL(253.1, 95.0%, 68.8%) · CMYK(47.0%, 60.2%, 0.0%, 1.6%)

Does #8564FB meet WCAG contrast on white?

4.03:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #8564FB?

Use 000000 text on a #8564FB background; contrast on black is 5.21:1.