#8CDCEF

#8CDCEF

カラー値

HEX

#8CDCEF

RGB

140, 220, 239

HSL

191.5, 75.6%, 74.3%

HSV

191.5, 41.4%, 93.7%

CMYK

41.4%, 7.9%, 0.0%, 6.3%

OKLCH

0.8496 0.0826 214.5

プロパティ

寒色 明るい 最も近い： Sky Blue

色彩心理学

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

カラーハーモニー

補色

#8CDCEF

#EF9F8C

類似色

#8CEFD0

#8CAAEF

#8CDCEF

トライアド

#8CDCEF

#EF8CDC

#DCEF8C

スプリット補色

#8CDCEF

#EF8CAA

#EFD08C

テトラード

#8CDCEF

#D08CEF

#EF9F8C

#AAEF8C

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

オリジナル

#8CDCEF

第1色覚異常

#AFAFEA

第2色覚異常

#AAA4E9

第3色覚異常

#90E7E6

全色盲

#CCCCCC

CSS使用法

background-color: #8CDCEF;
color: #8CDCEF;
border-color: #8CDCEF;
最も近いTailwind： Cyan 200 #A5F3FC

Tailwindシェード

50
#F2FAFC
100
#E2F4F9
200
#C0ECF6
300
#94DEF0
400
#59CDE8
500
#1FBBE0
600
#1996B3
700
#14788F
800
#105D70
900
#0F4551
950
#0A2B33

コントラストチェッカー

白背景のテキスト

1.54:1

AA Fail AAA Fail

黒背景のテキスト

13.6:1

AA Pass AAA Pass

比較する

#8CDCEF
#EF9F8C
#8CDCEF
#FFFFFF
#000000
#8CDCEF

関連記事

チュートリアル

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 #8CDCEF?

RGB(140, 220, 239) · HSL(191.5, 75.6%, 74.3%) · CMYK(41.4%, 7.9%, 0.0%, 6.3%)

Does #8CDCEF meet WCAG contrast on white?

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

What text color is readable on #8CDCEF?

Use 000000 text on a #8CDCEF background; contrast on black is 13.6:1.