#D8ECCE

#D8ECCE

カラー値

HEX

#D8ECCE

RGB

216, 236, 206

HSL

100.0, 44.1%, 86.7%

HSV

100.0, 12.7%, 92.5%

CMYK

8.5%, 0.0%, 12.7%, 7.5%

OKLCH

0.9203 0.0453 135.1

プロパティ

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

色彩心理学

Light greens evoke tranquility, health, and natural balance. They are the most restful colors for the human eye, requiring no focal adjustment, which is why hospitals and spas favor them. Pastel greens reduce anxiety and symbolize safety and permission across cultures.

Design Usage

Soft greens are the standard for success messages, positive status indicators, and health-related interfaces. They create calming background tones for dashboards and data-heavy applications. Combine them with white and medium gray for a clinical, trustworthy appearance in medical or fintech apps.

カラーハーモニー

補色

#D8ECCE

#E2CEEC

類似色

#E7ECCE

#CEECD3

#D8ECCE

トライアド

#D8ECCE

#CED8EC

#ECCED8

スプリット補色

#D8ECCE

#D3CEEC

#ECCEE7

テトラード

#D8ECCE

#CEE7EC

#E2CEEC

#ECD3CE

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

オリジナル

#D8ECCE

第1色覚異常

#E1E1D5

第2色覚異常

#E0DED7

第3色覚異常

#D9DBDC

全色盲

#E6E6E6

CSS使用法

background-color: #D8ECCE;
color: #D8ECCE;
border-color: #D8ECCE;
最も近いTailwind： Green 100 #DCFCE7

Tailwindシェード

50
#F6FAF4
100
#EBF4E6
200
#D6EBCC
300
#B9DDA7
400
#93CA77
500
#6DB847
600
#579339
700
#46762E
800
#365C24
900
#2A441D
950
#1B2B12

コントラストチェッカー

白背景のテキスト

1.25:1

AA Fail AAA Fail

黒背景のテキスト

16.81:1

AA Pass AAA Pass

比較する

#D8ECCE
#E2CEEC
#D8ECCE
#FFFFFF
#000000
#D8ECCE

関連記事

チュートリアル

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

RGB(216, 236, 206) · HSL(100.0, 44.1%, 86.7%) · CMYK(8.5%, 0.0%, 12.7%, 7.5%)

Does #D8ECCE meet WCAG contrast on white?

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

What text color is readable on #D8ECCE?

Use 000000 text on a #D8ECCE background; contrast on black is 16.81:1.