#7EBDF3

#7EBDF3

カラー値

HEX

#7EBDF3

RGB

126, 189, 243

HSL

207.7, 83.0%, 72.4%

HSV

207.7, 48.1%, 95.3%

CMYK

48.1%, 22.2%, 0.0%, 4.7%

OKLCH

0.7764 0.1011 245.5

プロパティ

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

カラーハーモニー

補色

#7EBDF3

#F3B47E

類似色

#7EF3EF

#7E83F3

#7EBDF3

トライアド

#7EBDF3

#F37EBD

#BDF37E

スプリット補色

#7EBDF3

#F37E83

#F3EF7E

テトラード

#7EBDF3

#EF7EF3

#F3B47E

#83F37E

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

オリジナル

#7EBDF3

第1色覚異常

#999AE6

第2色覚異常

#9691E3

第3色覚異常

#81DCD9

全色盲

#B4B4B4

CSS使用法

background-color: #7EBDF3;
color: #7EBDF3;
border-color: #7EBDF3;
最も近いTailwind： Blue 300 #93C5FD

Tailwindシェード

50
#F2F8FD
100
#E1EEFA
200
#BEDEF9
300
#8FC6F5
400
#52A7EF
500
#1688E9
600
#116CBB
700
#0E5795
800
#0B4475
900
#0C3355
950
#082035

コントラストチェッカー

白背景のテキスト

2.01:1

AA Fail AAA Fail

黒背景のテキスト

10.46:1

AA Pass AAA Pass

比較する

#7EBDF3
#F3B47E
#7EBDF3
#FFFFFF
#000000
#7EBDF3

関連記事

チュートリアル

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 #7EBDF3?

RGB(126, 189, 243) · HSL(207.7, 83.0%, 72.4%) · CMYK(48.1%, 22.2%, 0.0%, 4.7%)

Does #7EBDF3 meet WCAG contrast on white?

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

What text color is readable on #7EBDF3?

Use 000000 text on a #7EBDF3 background; contrast on black is 10.46:1.