#D5EBED

#D5EBED

カラー値

HEX

#D5EBED

RGB

213, 235, 237

HSL

185.0, 40.0%, 88.2%

HSV

185.0, 10.1%, 92.9%

CMYK

10.1%, 0.8%, 0.0%, 7.1%

OKLCH

0.9245 0.0234 203.4

プロパティ

寒色 明るい 最も近い： lightcyan 2

色彩心理学

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.

カラーハーモニー

補色

#D5EBED

#EDD7D5

類似色

#D5EDE3

#D5DFED

#D5EBED

トライアド

#D5EBED

#EDD5EB

#EBEDD5

スプリット補色

#D5EBED

#EDD5DF

#EDE3D5

テトラード

#D5EBED

#E3D5ED

#EDD7D5

#DFEDD5

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

オリジナル

#D5EBED

第1色覚異常

#DFDFED

第2色覚異常

#DDDCEC

第3色覚異常

#D6ECEC

全色盲

#E6E6E6

CSS使用法

background-color: #D5EBED;
color: #D5EBED;
border-color: #D5EBED;
最も近いTailwind： Sky 100 #E0F2FE

Tailwindシェード

50
#F5FAFA
100
#E7F2F3
200
#CDE7EA
300
#A9D6DA
400
#7BC0C6
500
#4CAAB2
600
#3D888F
700
#316D72
800
#265559
900
#1F3F42
950
#14282A

コントラストチェッカー

白背景のテキスト

1.24:1

AA Fail AAA Fail

黒背景のテキスト

16.94:1

AA Pass AAA Pass

比較する

#D5EBED
#EDD7D5
#D5EBED
#FFFFFF
#000000
#D5EBED

関連記事

チュートリアル

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

RGB(213, 235, 237) · HSL(185.0, 40.0%, 88.2%) · CMYK(10.1%, 0.8%, 0.0%, 7.1%)

Does #D5EBED meet WCAG contrast on white?

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

What text color is readable on #D5EBED?

Use 000000 text on a #D5EBED background; contrast on black is 16.94:1.