#DFECC6

#DFECC6

カラー値

HEX

#DFECC6

RGB

223, 236, 198

HSL

80.5, 50.0%, 85.1%

HSV

80.5, 16.1%, 92.5%

CMYK

5.5%, 0.0%, 16.1%, 7.5%

OKLCH

0.9235 0.0521 122.8

プロパティ

寒色 明るい 最も近い： Spring Green

色彩心理学

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.

カラーハーモニー

補色

#DFECC6

#D3C6EC

類似色

#ECE6C6

#CCECC6

#DFECC6

トライアド

#DFECC6

#C6DFEC

#ECC6DF

スプリット補色

#DFECC6

#C6CCEC

#E6C6EC

テトラード

#DFECC6

#C6ECE6

#D3C6EC

#ECC6CC

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

オリジナル

#DFECC6

第1色覚異常

#E5E5CF

第2色覚異常

#E4E3D1

第3色覚異常

#E0D6D8

全色盲

#E6E6E6

CSS使用法

background-color: #DFECC6;
color: #DFECC6;
border-color: #DFECC6;
最も近いTailwind： Lime 100 #ECFCCB

Tailwindシェード

50
#F8FBF4
100
#F0F5E6
200
#E1EDC9
300
#CBE0A3
400
#B0D071
500
#94BF40
600
#769933
700
#5F7A29
800
#4A6020
900
#37461B
950
#232C11

コントラストチェッカー

白背景のテキスト

1.24:1

AA Fail AAA Fail

黒背景のテキスト

16.95:1

AA Pass AAA Pass

比較する

#DFECC6
#D3C6EC
#DFECC6
#FFFFFF
#000000
#DFECC6

関連記事

チュートリアル

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

RGB(223, 236, 198) · HSL(80.5, 50.0%, 85.1%) · CMYK(5.5%, 0.0%, 16.1%, 7.5%)

Does #DFECC6 meet WCAG contrast on white?

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

What text color is readable on #DFECC6?

Use 000000 text on a #DFECC6 background; contrast on black is 16.95:1.