#DDF9CF

#DDF9CF

カラー値

HEX

#DDF9CF

RGB

221, 249, 207

HSL

100.0, 77.8%, 89.4%

HSV

100.0, 16.9%, 97.6%

CMYK

11.2%, 0.0%, 16.9%, 2.4%

OKLCH

0.951 0.0627 135.2

プロパティ

寒色 明るい 最も近い： lightgoldenrodyellow

色彩心理学

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.

カラーハーモニー

補色

#DDF9CF

#EBCFF9

類似色

#F2F9CF

#CFF9D6

#DDF9CF

トライアド

#DDF9CF

#CFDDF9

#F9CFDD

スプリット補色

#DDF9CF

#D6CFF9

#F9CFF2

テトラード

#DDF9CF

#CFF2F9

#EBCFF9

#F9D6CF

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

オリジナル

#DDF9CF

第1色覚異常

#E9E9D9

第2色覚異常

#E8E5DC

第3色覚異常

#DEE1E3

全色盲

#F0F0F0

CSS使用法

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

Tailwindシェード

50
#F6FCF2
100
#E9F9E1
200
#D2F7C0
300
#B2F192
400
#88EA57
500
#5EE31C
600
#4CB517
700
#3C9112
800
#2F710E
900
#25520F
950
#173409

コントラストチェッカー

白背景のテキスト

1.13:1

AA Fail AAA Fail

黒背景のテキスト

18.53:1

AA Pass AAA Pass

比較する

#DDF9CF
#EBCFF9
#DDF9CF
#FFFFFF
#000000
#DDF9CF

関連記事

チュートリアル

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

RGB(221, 249, 207) · HSL(100.0, 77.8%, 89.4%) · CMYK(11.2%, 0.0%, 16.9%, 2.4%)

Does #DDF9CF meet WCAG contrast on white?

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

What text color is readable on #DDF9CF?

Use 000000 text on a #DDF9CF background; contrast on black is 18.53:1.