#ECF3F5

#ECF3F5

カラー値

HEX

#ECF3F5

RGB

236, 243, 245

HSL

193.3, 31.0%, 94.3%

HSV

193.3, 3.7%, 96.1%

CMYK

3.7%, 0.8%, 0.0%, 3.9%

OKLCH

0.9594 0.0079 216.6

プロパティ

寒色 明るい 最も近い： NCS S 0500-N White

色彩心理学

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.

カラーハーモニー

補色

#ECF3F5

#F5EEEC

類似色

#ECF5F2

#ECEEF5

#ECF3F5

トライアド

#ECF3F5

#F5ECF3

#F3F5EC

スプリット補色

#ECF3F5

#F5ECEE

#F5F2EC

テトラード

#ECF3F5

#F2ECF5

#F5EEEC

#EEF5EC

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

オリジナル

#ECF3F5

第1色覚異常

#EFEFF5

第2色覚異常

#EFEEF4

第3色覚異常

#ECF4F4

全色盲

#F2F2F2

CSS使用法

background-color: #ECF3F5;
color: #ECF3F5;
border-color: #ECF3F5;
最も近いTailwind： Slate 100 #F1F5F9

Tailwindシェード

50
#F5F8F9
100
#E8F0F2
200
#D0E1E6
300
#AFCCD5
400
#83B1BE
500
#5896A7
600
#467886
700
#38606B
800
#2C4B54
900
#23383E
950
#162327

コントラストチェッカー

白背景のテキスト

1.12:1

AA Fail AAA Fail

黒背景のテキスト

18.71:1

AA Pass AAA Pass

比較する

#ECF3F5
#F5EEEC
#ECF3F5
#FFFFFF
#000000
#ECF3F5

関連記事

チュートリアル

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

RGB(236, 243, 245) · HSL(193.3, 31.0%, 94.3%) · CMYK(3.7%, 0.8%, 0.0%, 3.9%)

Does #ECF3F5 meet WCAG contrast on white?

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

What text color is readable on #ECF3F5?

Use 000000 text on a #ECF3F5 background; contrast on black is 18.71:1.