#D1A387

#D1A387

カラー値

HEX

#D1A387

RGB

209, 163, 135

HSL

22.7, 44.6%, 67.5%

HSV

22.7, 35.4%, 82.0%

CMYK

0.0%, 22.0%, 35.4%, 18.0%

OKLCH

0.7509 0.067 52.7

プロパティ

暖色 明るい 最も近い： Tumbleweed

色彩心理学

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.

カラーハーモニー

補色

#D1A387

#87B5D1

類似色

#D18790

#D1C887

#D1A387

トライアド

#D1A387

#87D1A3

#A387D1

スプリット補色

#D1A387

#87D1C8

#8790D1

テトラード

#D1A387

#90D187

#87B5D1

#C887D1

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

オリジナル

#D1A387

第1色覚異常

#BDBD8E

第2色覚異常

#C0C38F

第3色覚異常

#CF9394

全色盲

#ABABAB

CSS使用法

background-color: #D1A387;
color: #D1A387;
border-color: #D1A387;
最も近いTailwind： Orange 200 #FED7AA

Tailwindシェード

50
#FAF7F4
100
#F4ECE6
200
#EBD7CB
300
#DDBBA7
400
#CB9677
500
#B87247
600
#935B39
700
#76492D
800
#5C3923
900
#442C1D
950
#2B1C12

コントラストチェッカー

白背景のテキスト

2.26:1

AA Fail AAA Fail

黒背景のテキスト

9.3:1

AA Pass AAA Pass

比較する

#D1A387
#87B5D1
#D1A387
#FFFFFF
#000000
#D1A387

関連記事

チュートリアル

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

RGB(209, 163, 135) · HSL(22.7, 44.6%, 67.5%) · CMYK(0.0%, 22.0%, 35.4%, 18.0%)

Does #D1A387 meet WCAG contrast on white?

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

What text color is readable on #D1A387?

Use 000000 text on a #D1A387 background; contrast on black is 9.3:1.