#F5E6CA

#F5E6CA

カラー値

HEX

#F5E6CA

RGB

245, 230, 202

HSL

39.1, 68.3%, 87.6%

HSV

39.1, 17.6%, 96.1%

CMYK

0.0%, 6.1%, 17.6%, 3.9%

OKLCH

0.9297 0.0404 83.1

プロパティ

暖色 明るい 最も近い： NCS S 0510-Y Light Yellow

色彩心理学

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.

カラーハーモニー

補色

#F5E6CA

#CAD9F5

類似色

#F5D0CA

#EEF5CA

#F5E6CA

トライアド

#F5E6CA

#CAF5E6

#E6CAF5

スプリット補色

#F5E6CA

#CAEEF5

#D0CAF5

テトラード

#F5E6CA

#CAF5D0

#CAD9F5

#F5CAEE

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

オリジナル

#F5E6CA

第1色覚異常

#EFEED1

第2色覚異常

#EFF0D2

第3色覚異常

#F4D6D7

全色盲

#E7E7E7

CSS使用法

background-color: #F5E6CA;
color: #F5E6CA;
border-color: #F5E6CA;
最も近いTailwind： Orange 100 #FFEDD5

Tailwindシェード

50
#FCF9F3
100
#F8F0E3
200
#F4E3C3
300
#ECCE98
400
#E1B460
500
#D79A28
600
#AC7B20
700
#89631A
800
#6B4D14
900
#4E3913
950
#31240C

コントラストチェッカー

白背景のテキスト

1.23:1

AA Fail AAA Fail

黒背景のテキスト

17.05:1

AA Pass AAA Pass

比較する

#F5E6CA
#CAD9F5
#F5E6CA
#FFFFFF
#000000
#F5E6CA

関連記事

チュートリアル

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

RGB(245, 230, 202) · HSL(39.1, 68.3%, 87.6%) · CMYK(0.0%, 6.1%, 17.6%, 3.9%)

Does #F5E6CA meet WCAG contrast on white?

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

What text color is readable on #F5E6CA?

Use 000000 text on a #F5E6CA background; contrast on black is 17.05:1.