#68ADEF

#68ADEF

カラー値

HEX

#68ADEF

RGB

104, 173, 239

HSL

209.3, 80.8%, 67.3%

HSV

209.3, 56.5%, 93.7%

CMYK

56.5%, 27.6%, 0.0%, 6.3%

OKLCH

0.7291 0.1194 248.8

プロパティ

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

カラーハーモニー

補色

#68ADEF

#EFAA68

類似色

#68EFED

#686AEF

#68ADEF

トライアド

#68ADEF

#EF68AD

#ADEF68

スプリット補色

#68ADEF

#EF686A

#EFED68

テトラード

#68ADEF

#ED68EF

#EFAA68

#6AEF68

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

オリジナル

#68ADEF

第1色覚異常

#8686DF

第2色覚異常

#827DDB

第3色覚異常

#6BD2D0

全色盲

#A3A3A3

CSS使用法

background-color: #68ADEF;
color: #68ADEF;
border-color: #68ADEF;
最も近いTailwind： Sky 500 #0EA5E9

Tailwindシェード

50
#F2F7FD
100
#E1EDF9
200
#BEDCF8
300
#90C3F3
400
#54A2ED
500
#1882E7
600
#1468B8
700
#105394
800
#0C4173
900
#0D3154
950
#081F35

コントラストチェッカー

白背景のテキスト

2.38:1

AA Fail AAA Fail

黒背景のテキスト

8.81:1

AA Pass AAA Pass

比較する

#68ADEF
#EFAA68
#68ADEF
#FFFFFF
#000000
#68ADEF

関連記事

チュートリアル

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 #68ADEF?

RGB(104, 173, 239) · HSL(209.3, 80.8%, 67.3%) · CMYK(56.5%, 27.6%, 0.0%, 6.3%)

Does #68ADEF meet WCAG contrast on white?

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

What text color is readable on #68ADEF?

Use 000000 text on a #68ADEF background; contrast on black is 8.81:1.