#5DBDF4

#5DBDF4

カラー値

HEX

#5DBDF4

RGB

93, 189, 244

HSL

201.9, 87.3%, 66.1%

HSV

201.9, 61.9%, 95.7%

CMYK

61.9%, 22.5%, 0.0%, 4.3%

OKLCH

0.7623 0.1201 236.4

プロパティ

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

カラーハーモニー

補色

#5DBDF4

#F4945D

類似色

#5DF4E0

#5D71F4

#5DBDF4

トライアド

#5DBDF4

#F45DBD

#BDF45D

スプリット補色

#5DBDF4

#F45D71

#F4E05D

テトラード

#5DBDF4

#E05DF4

#F4945D

#71F45D

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

オリジナル

#5DBDF4

第1色覚異常

#8787E7

第2色覚異常

#817AE3

第3色覚異常

#62DCDA

全色盲

#ADADAD

CSS使用法

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

Tailwindシェード

50
#F2F9FD
100
#E0F1FA
200
#BCE4FA
300
#8CD0F7
400
#4EB7F3
500
#109EEF
600
#0D7EBF
700
#0A6599
800
#084F77
900
#0A3B57
950
#072537

コントラストチェッカー

白背景のテキスト

2.09:1

AA Fail AAA Fail

黒背景のテキスト

10.05:1

AA Pass AAA Pass

比較する

#5DBDF4
#F4945D
#5DBDF4
#FFFFFF
#000000
#5DBDF4

関連記事

チュートリアル

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 #5DBDF4?

RGB(93, 189, 244) · HSL(201.9, 87.3%, 66.1%) · CMYK(61.9%, 22.5%, 0.0%, 4.3%)

Does #5DBDF4 meet WCAG contrast on white?

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

What text color is readable on #5DBDF4?

Use 000000 text on a #5DBDF4 background; contrast on black is 10.05:1.