#6AB7EB

#6AB7EB

カラー値

HEX

#6AB7EB

RGB

106, 183, 235

HSL

204.2, 76.3%, 66.9%

HSV

204.2, 54.9%, 92.2%

CMYK

54.9%, 22.1%, 0.0%, 7.8%

OKLCH

0.7502 0.1073 239.9

プロパティ

寒色 明るい 最も近い： skyblue 2

色彩心理学

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.

カラーハーモニー

補色

#6AB7EB

#EB9E6A

類似色

#6AEBDF

#6A77EB

#6AB7EB

トライアド

#6AB7EB

#EB6AB7

#B7EB6A

スプリット補色

#6AB7EB

#EB6A77

#EBDF6A

テトラード

#6AB7EB

#DF6AEB

#EB9E6A

#77EB6A

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

オリジナル

#6AB7EB

第1色覚異常

#8B8CDE

第2色覚異常

#8781DB

第3色覚異常

#6ED4D2

全色盲

#AAAAAA

CSS使用法

background-color: #6AB7EB;
color: #6AB7EB;
border-color: #6AB7EB;
最も近いTailwind： Sky 400 #38BDF8

Tailwindシェード

50
#F2F8FC
100
#E2EFF9
200
#C0E1F7
300
#93CBF0
400
#59AFE9
500
#1E92E1
600
#1875B4
700
#135E90
800
#0F4970
900
#0F3752
950
#0A2334

コントラストチェッカー

白背景のテキスト

2.19:1

AA Fail AAA Fail

黒背景のテキスト

9.59:1

AA Pass AAA Pass

比較する

#6AB7EB
#EB9E6A
#6AB7EB
#FFFFFF
#000000
#6AB7EB

関連記事

チュートリアル

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 #6AB7EB?

RGB(106, 183, 235) · HSL(204.2, 76.3%, 66.9%) · CMYK(54.9%, 22.1%, 0.0%, 7.8%)

Does #6AB7EB meet WCAG contrast on white?

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

What text color is readable on #6AB7EB?

Use 000000 text on a #6AB7EB background; contrast on black is 9.59:1.