#DDD9DA

#DDD9DA

カラー値

HEX

#DDD9DA

RGB

221, 217, 218

HSL

345.0, 5.6%, 85.9%

HSV

345.0, 1.8%, 86.7%

CMYK

0.0%, 1.8%, 1.4%, 13.3%

OKLCH

0.8887 0.0046 0.0

プロパティ

暖色 明るい 最も近い： NCS S 1500-N Lightest Grey

色彩心理学

Light reds and soft scarlets evoke warmth, tenderness, and gentle passion. They carry romantic undertones and are often associated with compassion and affection. Culturally, lighter reds symbolize joy and celebration across many East Asian traditions.

Design Usage

Light reds work well as accent colors in wellness, beauty, and lifestyle brands. They soften the intensity of pure red while retaining its emotional warmth. Use them for call-to-action buttons where urgency should feel inviting rather than aggressive.

カラーハーモニー

補色

#DDD9DA

#D9DDDC

類似色

#DDD9DC

#DDDAD9

#DDD9DA

トライアド

#DDD9DA

#DADDD9

#D9DADD

スプリット補色

#DDD9DA

#D9DDDA

#D9DCDD

テトラード

#DDD9DA

#DCDDD9

#D9DDDC

#DAD9DD

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

オリジナル

#DDD9DA

第1色覚異常

#DBDBDA

第2色覚異常

#DCDCDA

第3色覚異常

#DDDADA

全色盲

#DADADA

CSS使用法

background-color: #DDD9DA;
color: #DDD9DA;
border-color: #DDD9DA;
最も近いTailwind： Neutral 300 #D4D4D4

Tailwindシェード

50
#F8F7F7
100
#EEECED
200
#DDD9DA
300
#C5BEC0
400
#A69B9E
500
#87787C
600
#6C6063
700
#564D4F
800
#433C3E
900
#332E2F
950
#201D1E

コントラストチェッカー

白背景のテキスト

1.4:1

AA Fail AAA Fail

黒背景のテキスト

15.01:1

AA Pass AAA Pass

比較する

#DDD9DA
#D9DDDC
#DDD9DA
#FFFFFF
#000000
#DDD9DA

関連記事

チュートリアル

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

RGB(221, 217, 218) · HSL(345.0, 5.6%, 85.9%) · CMYK(0.0%, 1.8%, 1.4%, 13.3%)

Does #DDD9DA meet WCAG contrast on white?

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

What text color is readable on #DDD9DA?

Use 000000 text on a #DDD9DA background; contrast on black is 15.01:1.