#E4D2AC

#E4D2AC

カラー値

HEX

#E4D2AC

RGB

228, 210, 172

HSL

40.7, 50.9%, 78.4%

HSV

40.7, 24.6%, 89.4%

CMYK

0.0%, 7.9%, 24.6%, 10.6%

OKLCH

0.869 0.0541 85.6

プロパティ

暖色 明るい 最も近い： 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.

カラーハーモニー

補色

#E4D2AC

#ACBEE4

類似色

#E4B6AC

#DAE4AC

#E4D2AC

トライアド

#E4D2AC

#ACE4D2

#D2ACE4

スプリット補色

#E4D2AC

#ACDAE4

#B6ACE4

テトラード

#E4D2AC

#ACE4B6

#ACBEE4

#E4ACDA

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

オリジナル

#E4D2AC

第1色覚異常

#DCDCB5

第2色覚異常

#DDDFB7

第3色覚異常

#E3BCBE

全色盲

#D3D3D3

CSS使用法

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

Tailwindシェード

50
#FBF9F4
100
#F5F0E5
200
#EDE2C9
300
#E1CDA3
400
#D1B271
500
#C0973F
600
#9A7932
700
#7B6028
800
#604B1F
900
#47381A
950
#2D2411

コントラストチェッカー

白背景のテキスト

1.49:1

AA Fail AAA Fail

黒背景のテキスト

14.11:1

AA Pass AAA Pass

比較する

#E4D2AC
#ACBEE4
#E4D2AC
#FFFFFF
#000000
#E4D2AC

関連記事

チュートリアル

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

RGB(228, 210, 172) · HSL(40.7, 50.9%, 78.4%) · CMYK(0.0%, 7.9%, 24.6%, 10.6%)

Does #E4D2AC meet WCAG contrast on white?

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

What text color is readable on #E4D2AC?

Use 000000 text on a #E4D2AC background; contrast on black is 14.11:1.