#D2CDCD

#D2CDCD

カラー値

HEX

#D2CDCD

RGB

210, 205, 205

HSL

0.0, 5.3%, 81.4%

HSV

0.0, 2.4%, 82.4%

CMYK

0.0%, 2.4%, 2.4%, 17.6%

OKLCH

0.8523 0.0055 17.3

プロパティ

暖色 明るい 最も近い： snow 3

色彩心理学

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.

カラーハーモニー

補色

#D2CDCD

#CDD2D2

類似色

#D2CDD0

#D2D0CD

#D2CDCD

トライアド

#D2CDCD

#CDD2CD

#CDCDD2

スプリット補色

#D2CDCD

#CDD2D0

#CDD0D2

テトラード

#D2CDCD

#D0D2CD

#CDD2D2

#D0CDD2

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

オリジナル

#D2CDCD

第1色覚異常

#D0D0CD

第2色覚異常

#D0D0CD

第3色覚異常

#D2CDCD

全色盲

#CECECE

CSS使用法

background-color: #D2CDCD;
color: #D2CDCD;
border-color: #D2CDCD;
最も近いTailwind： Stone 300 #D6D3D1

Tailwindシェード

50
#F8F7F7
100
#EEECEC
200
#DDD9D9
300
#C5BFBF
400
#A69C9C
500
#867979
600
#6B6161
700
#564D4D
800
#433C3C
900
#332E2E
950
#201D1D

コントラストチェッカー

白背景のテキスト

1.57:1

AA Fail AAA Fail

黒背景のテキスト

13.35:1

AA Pass AAA Pass

比較する

#D2CDCD
#CDD2D2
#D2CDCD
#FFFFFF
#000000
#D2CDCD

関連記事

チュートリアル

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

RGB(210, 205, 205) · HSL(0.0, 5.3%, 81.4%) · CMYK(0.0%, 2.4%, 2.4%, 17.6%)

Does #D2CDCD meet WCAG contrast on white?

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

What text color is readable on #D2CDCD?

Use 000000 text on a #D2CDCD background; contrast on black is 13.35:1.