#DCD3B4

#DCD3B4

カラー値

HEX

#DCD3B4

RGB

220, 211, 180

HSL

46.5, 36.4%, 78.4%

HSV

46.5, 18.2%, 86.3%

CMYK

0.0%, 4.1%, 18.2%, 13.7%

OKLCH

0.866 0.0426 93.7

プロパティ

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

色彩心理学

Pale yellows and creams evoke sunlight, freshness, and intellectual clarity. They are the lightest chromatic colors the eye perceives, creating a sense of spaciousness and openness. Light yellow is often associated with new beginnings and gentle happiness.

Design Usage

Light yellows are excellent for background tints, highlight markers, and information callout boxes. They add warmth to white-dominated layouts without overwhelming the content hierarchy. Use them cautiously for text backgrounds since pale yellow on white creates poor contrast ratios.

カラーハーモニー

補色

#DCD3B4

#B4BDDC

類似色

#DCBFB4

#D1DCB4

#DCD3B4

トライアド

#DCD3B4

#B4DCD3

#D3B4DC

スプリット補色

#DCD3B4

#B4D1DC

#BFB4DC

テトラード

#DCD3B4

#B4DCBF

#B4BDDC

#DCB4D1

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

オリジナル

#DCD3B4

第1色覚異常

#D8D8BB

第2色覚異常

#D9D9BD

第3色覚異常

#DCC1C3

全色盲

#D3D3D3

CSS使用法

background-color: #DCD3B4;
color: #DCD3B4;
border-color: #DCD3B4;
最も近いTailwind： Orange 100 #FFEDD5

Tailwindシェード

50
#FAF9F5
100
#F3F0E8
200
#E8E2CE
300
#D8CEAC
400
#C3B47E
500
#AE9951
600
#8B7A41
700
#6F6234
800
#574D29
900
#403921
950
#292415

コントラストチェッカー

白背景のテキスト

1.5:1

AA Fail AAA Fail

黒背景のテキスト

14.02:1

AA Pass AAA Pass

比較する

#DCD3B4
#B4BDDC
#DCD3B4
#FFFFFF
#000000
#DCD3B4

関連記事

チュートリアル

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

RGB(220, 211, 180) · HSL(46.5, 36.4%, 78.4%) · CMYK(0.0%, 4.1%, 18.2%, 13.7%)

Does #DCD3B4 meet WCAG contrast on white?

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

What text color is readable on #DCD3B4?

Use 000000 text on a #DCD3B4 background; contrast on black is 14.02:1.