#655AF9

#655AF9

カラー値

HEX

#655AF9

RGB

101, 90, 249

HSL

244.2, 93.0%, 66.5%

HSV

244.2, 63.9%, 97.6%

CMYK

59.4%, 63.9%, 0.0%, 2.4%

OKLCH

0.5733 0.228 279.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.

カラーハーモニー

補色

#655AF9

#EEF95A

類似色

#5A9EF9

#B55AF9

#655AF9

トライアド

#655AF9

#F9655A

#5AF965

スプリット補色

#655AF9

#F9B55A

#9EF95A

テトラード

#655AF9

#F95A9E

#EEF95A

#5AF9B5

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

オリジナル

#655AF9

第1色覚異常

#6060D3

第2色覚異常

#6162C9

第3色覚異常

#64B4AD

全色盲

#686868

CSS使用法

background-color: #655AF9;
color: #655AF9;
border-color: #655AF9;
最も近いTailwind： Indigo 600 #4F46E5

Tailwindシェード

50
#F2F1FD
100
#E1DFFB
200
#BFBAFD
300
#9189FB
400
#5549F8
500
#1A09F6
600
#1407C5
700
#10069D
800
#0D047B
900
#0E0859
950
#090538

コントラストチェッカー

白背景のテキスト

4.79:1

AA Pass AAA Fail

黒背景のテキスト

4.38:1

AA Fail AAA Fail

比較する

#655AF9
#EEF95A
#655AF9
#FFFFFF
#000000
#655AF9

関連記事

チュートリアル

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 #655AF9?

RGB(101, 90, 249) · HSL(244.2, 93.0%, 66.5%) · CMYK(59.4%, 63.9%, 0.0%, 2.4%)

Does #655AF9 meet WCAG contrast on white?

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

What text color is readable on #655AF9?

Use FFFFFF text on a #655AF9 background; contrast on black is 4.38:1.