#FFF3E1

#FFF3E1

カラー値

HEX

#FFF3E1

RGB

255, 243, 225

HSL

36.0, 100.0%, 94.1%

HSV

36.0, 11.8%, 100.0%

CMYK

0.0%, 4.7%, 11.8%, 0.0%

OKLCH

0.9688 0.027 78.2

プロパティ

暖色 明るい 最も近い： RAL 9001 Cream

色彩心理学

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.

カラーハーモニー

補色

#FFF3E1

#E1EDFF

類似色

#FFE4E1

#FCFFE1

#FFF3E1

トライアド

#FFF3E1

#E1FFF3

#F3E1FF

スプリット補色

#FFF3E1

#E1FCFF

#E4E1FF

テトラード

#FFF3E1

#E1FFE4

#E1EDFF

#FFE1FC

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

オリジナル

#FFF3E1

第1色覚異常

#FAFAE5

第2色覚異常

#FAFBE6

第3色覚異常

#FEE9EA

全色盲

#F4F4F4

CSS使用法

background-color: #FFF3E1;
color: #FFF3E1;
border-color: #FFF3E1;
最も近いTailwind： Amber 50 #FFFBEB

Tailwindシェード

50
#FEF9F1
100
#FCF0DE
200
#FFE2B8
300
#FFCE85
400
#FFB442
500
#FF9900
600
#CC7A00
700
#A36200
800
#804C00
900
#5C3905
950
#3A2403

コントラストチェッカー

白背景のテキスト

1.1:1

AA Fail AAA Fail

黒背景のテキスト

19.16:1

AA Pass AAA Pass

比較する

#FFF3E1
#E1EDFF
#FFF3E1
#FFFFFF
#000000
#FFF3E1

関連記事

チュートリアル

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

RGB(255, 243, 225) · HSL(36.0, 100.0%, 94.1%) · CMYK(0.0%, 4.7%, 11.8%, 0.0%)

Does #FFF3E1 meet WCAG contrast on white?

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

What text color is readable on #FFF3E1?

Use 000000 text on a #FFF3E1 background; contrast on black is 19.16:1.