#DCD7D0

#DCD7D0

カラー値

HEX

#DCD7D0

RGB

220, 215, 208

HSL

35.0, 14.6%, 83.9%

HSV

35.0, 5.5%, 86.3%

CMYK

0.0%, 2.3%, 5.5%, 13.7%

OKLCH

0.8812 0.011 76.6

プロパティ

暖色 明るい 最も近い： Timberwolf

色彩心理学

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

カラーハーモニー

補色

#DCD7D0

#D0D5DC

類似色

#DCD1D0

#DBDCD0

#DCD7D0

トライアド

#DCD7D0

#D0DCD7

#D7D0DC

スプリット補色

#DCD7D0

#D0DBDC

#D1D0DC

テトラード

#DCD7D0

#D0DCD1

#D0D5DC

#DCD0DB

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

オリジナル

#DCD7D0

第1色覚異常

#DADAD2

第2色覚異常

#DADAD2

第3色覚異常

#DCD3D3

全色盲

#D8D8D8

CSS使用法

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

Tailwindシェード

50
#F8F8F6
100
#EFEEEB
200
#E1DCD6
300
#CBC3B9
400
#AEA393
500
#92836D
600
#756857
700
#5E5446
800
#494136
900
#37322A
950
#231F1B

コントラストチェッカー

白背景のテキスト

1.43:1

AA Fail AAA Fail

黒背景のテキスト

14.67:1

AA Pass AAA Pass

比較する

#DCD7D0
#D0D5DC
#DCD7D0
#FFFFFF
#000000
#DCD7D0

関連記事

チュートリアル

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

RGB(220, 215, 208) · HSL(35.0, 14.6%, 83.9%) · CMYK(0.0%, 2.3%, 5.5%, 13.7%)

Does #DCD7D0 meet WCAG contrast on white?

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

What text color is readable on #DCD7D0?

Use 000000 text on a #DCD7D0 background; contrast on black is 14.67:1.