#E9DAB6

#E9DAB6

カラー値

HEX

#E9DAB6

RGB

233, 218, 182

HSL

42.4, 53.7%, 81.4%

HSV

42.4, 21.9%, 91.4%

CMYK

0.0%, 6.4%, 21.9%, 8.6%

OKLCH

0.8914 0.0503 88.1

プロパティ

暖色 明るい 最も近い： wheat 2

色彩心理学

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.

カラーハーモニー

補色

#E9DAB6

#B6C5E9

類似色

#E9C1B6

#DFE9B6

#E9DAB6

トライアド

#E9DAB6

#B6E9DA

#DAB6E9

スプリット補色

#E9DAB6

#B6DFE9

#C1B6E9

テトラード

#E9DAB6

#B6E9C1

#B6C5E9

#E9B6DF

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

オリジナル

#E9DAB6

第1色覚異常

#E3E2BF

第2色覚異常

#E3E4C1

第3色覚異常

#E8C6C7

全色盲

#DBDBDB

CSS使用法

background-color: #E9DAB6;
color: #E9DAB6;
border-color: #E9DAB6;
最も近いTailwind： Amber 100 #FEF3C7

Tailwindシェード

50
#FBF9F4
100
#F5F1E5
200
#EEE3C8
300
#E3CFA1
400
#D3B66E
500
#C49C3B
600
#9D7D2F
700
#7D6426
800
#624E1E
900
#483A19
950
#2D2510

コントラストチェッカー

白背景のテキスト

1.38:1

AA Fail AAA Fail

黒背景のテキスト

15.17:1

AA Pass AAA Pass

比較する

#E9DAB6
#B6C5E9
#E9DAB6
#FFFFFF
#000000
#E9DAB6

関連記事

チュートリアル

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

RGB(233, 218, 182) · HSL(42.4, 53.7%, 81.4%) · CMYK(0.0%, 6.4%, 21.9%, 8.6%)

Does #E9DAB6 meet WCAG contrast on white?

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

What text color is readable on #E9DAB6?

Use 000000 text on a #E9DAB6 background; contrast on black is 15.17:1.