#EED490

#EED490

カラー値

HEX

#EED490

RGB

238, 212, 144

HSL

43.4, 73.4%, 74.9%

HSV

43.4, 39.5%, 93.3%

CMYK

0.0%, 10.9%, 39.5%, 6.7%

OKLCH

0.8762 0.091 89.4

プロパティ

暖色 明るい 最も近い： NCS S 0530-Y Medium Yellow

色彩心理学

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.

カラーハーモニー

補色

#EED490

#90AAEE

類似色

#EEA590

#D9EE90

#EED490

トライアド

#EED490

#90EED4

#D490EE

スプリット補色

#EED490

#90D9EE

#A590EE

テトラード

#EED490

#90EEA5

#90AAEE

#EE90D9

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

オリジナル

#EED490

第1色覚異常

#E3E3A0

第2色覚異常

#E4E6A4

第3色覚異常

#EDADB0

全色盲

#D5D5D5

CSS使用法

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

Tailwindシェード

50
#FCF9F3
100
#F8F2E2
200
#F6E7C1
300
#EFD695
400
#E6C05B
500
#DDA922
600
#B1871B
700
#8D6C16
800
#6F5511
900
#503F10
950
#33280A

コントラストチェッカー

白背景のテキスト

1.45:1

AA Fail AAA Fail

黒背景のテキスト

14.46:1

AA Pass AAA Pass

比較する

#EED490
#90AAEE
#EED490
#FFFFFF
#000000
#EED490

関連記事

チュートリアル

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

RGB(238, 212, 144) · HSL(43.4, 73.4%, 74.9%) · CMYK(0.0%, 10.9%, 39.5%, 6.7%)

Does #EED490 meet WCAG contrast on white?

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

What text color is readable on #EED490?

Use 000000 text on a #EED490 background; contrast on black is 14.46:1.