#565DFB

#565DFB

カラー値

HEX

#565DFB

RGB

86, 93, 251

HSL

237.5, 95.4%, 66.1%

HSV

237.5, 65.7%, 98.4%

CMYK

65.7%, 62.9%, 0.0%, 1.6%

OKLCH

0.5699 0.2303 274.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.

カラーハーモニー

補色

#565DFB

#FBF456

類似色

#56AFFB

#A256FB

#565DFB

トライアド

#565DFB

#FB565D

#5DFB56

スプリット補色

#565DFB

#FBA256

#AFFB56

テトラード

#565DFB

#FB56AF

#FBF456

#56FBA2

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

オリジナル

#565DFB

第1色覚異常

#5959D5

第2色覚異常

#5958CC

第3色覚異常

#56B7B0

全色盲

#676767

CSS使用法

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

Tailwindシェード

50
#F1F2FE
100
#DFE0FC
200
#B9BCFD
300
#878CFC
400
#474EFB
500
#0610F9
600
#050DC7
700
#040A9F
800
#03087D
900
#070A5A
950
#040739

コントラストチェッカー

白背景のテキスト

4.82:1

AA Pass AAA Fail

黒背景のテキスト

4.35:1

AA Fail AAA Fail

比較する

#565DFB
#FBF456
#565DFB
#FFFFFF
#000000
#565DFB

関連記事

チュートリアル

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 #565DFB?

RGB(86, 93, 251) · HSL(237.5, 95.4%, 66.1%) · CMYK(65.7%, 62.9%, 0.0%, 1.6%)

Does #565DFB meet WCAG contrast on white?

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

What text color is readable on #565DFB?

Use FFFFFF text on a #565DFB background; contrast on black is 4.35:1.