#83ADE4

#83ADE4

カラー値

HEX

#83ADE4

RGB

131, 173, 228

HSL

214.0, 64.2%, 70.4%

HSV

214.0, 42.5%, 89.4%

CMYK

42.5%, 24.1%, 0.0%, 10.6%

OKLCH

0.7383 0.0923 255.4

プロパティ

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

カラーハーモニー

補色

#83ADE4

#E4BA83

類似色

#83DEE4

#8A83E4

#83ADE4

トライアド

#83ADE4

#E483AD

#ADE483

スプリット補色

#83ADE4

#E48A83

#DEE483

テトラード

#83ADE4

#E483DE

#E4BA83

#83E48A

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

オリジナル

#83ADE4

第1色覚異常

#9596D7

第2色覚異常

#9390D4

第3色覚異常

#85CCCA

全色盲

#A8A8A8

CSS使用法

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

Tailwindシェード

50
#F3F7FC
100
#E3ECF7
200
#C4D8F2
300
#9BBDE9
400
#6499DD
500
#2E75D1
600
#255DA7
700
#1D4B86
800
#173A69
900
#142D4C
950
#0D1C30

コントラストチェッカー

白背景のテキスト

2.32:1

AA Fail AAA Fail

黒背景のテキスト

9.06:1

AA Pass AAA Pass

比較する

#83ADE4
#E4BA83
#83ADE4
#FFFFFF
#000000
#83ADE4

関連記事

チュートリアル

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 #83ADE4?

RGB(131, 173, 228) · HSL(214.0, 64.2%, 70.4%) · CMYK(42.5%, 24.1%, 0.0%, 10.6%)

Does #83ADE4 meet WCAG contrast on white?

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

What text color is readable on #83ADE4?

Use 000000 text on a #83ADE4 background; contrast on black is 9.06:1.