#D8EEE3

#D8EEE3

カラー値

HEX

#D8EEE3

RGB

216, 238, 227

HSL

150.0, 39.3%, 89.0%

HSV

150.0, 9.2%, 93.3%

CMYK

9.2%, 0.0%, 4.6%, 6.7%

OKLCH

0.9299 0.0275 164.3

プロパティ

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

カラーハーモニー

補色

#D8EEE3

#EED8E3

類似色

#D8EED8

#D8EEEE

#D8EEE3

トライアド

#D8EEE3

#E3D8EE

#EEE3D8

スプリット補色

#D8EEE3

#EED8EE

#EED8D8

テトラード

#D8EEE3

#D8D8EE

#EED8E3

#EEEED8

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

オリジナル

#D8EEE3

第1色覚異常

#E2E2E6

第2色覚異常

#E0DFE6

第3色覚異常

#D9E8E8

全色盲

#E9E9E9

CSS使用法

background-color: #D8EEE3;
color: #D8EEE3;
border-color: #D8EEE3;
最も近いTailwind： Emerald 50 #ECFDF5

Tailwindシェード

50
#F5FAF7
100
#E7F3ED
200
#CDE9DB
300
#AADAC2
400
#7CC6A1
500
#4DB280
600
#3E8E66
700
#327252
800
#275940
900
#1F4230
950
#14291F

コントラストチェッカー

白背景のテキスト

1.22:1

AA Fail AAA Fail

黒背景のテキスト

17.26:1

AA Pass AAA Pass

比較する

#D8EEE3
#EED8E3
#D8EEE3
#FFFFFF
#000000
#D8EEE3

関連記事

チュートリアル

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

RGB(216, 238, 227) · HSL(150.0, 39.3%, 89.0%) · CMYK(9.2%, 0.0%, 4.6%, 6.7%)

Does #D8EEE3 meet WCAG contrast on white?

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

What text color is readable on #D8EEE3?

Use 000000 text on a #D8EEE3 background; contrast on black is 17.26:1.