#F2DFBC

#F2DFBC

カラー値

HEX

#F2DFBC

RGB

242, 223, 188

HSL

38.9, 67.5%, 84.3%

HSV

38.9, 22.3%, 94.9%

CMYK

0.0%, 7.9%, 22.3%, 5.1%

OKLCH

0.9102 0.0505 82.8

プロパティ

暖色 明るい 最も近い： bisque

色彩心理学

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.

カラーハーモニー

補色

#F2DFBC

#BCCFF2

類似色

#F2C4BC

#EAF2BC

#F2DFBC

トライアド

#F2DFBC

#BCF2DF

#DFBCF2

スプリット補色

#F2DFBC

#BCEAF2

#C4BCF2

テトラード

#F2DFBC

#BCF2C4

#BCCFF2

#F2BCEA

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

オリジナル

#F2DFBC

第1色覚異常

#EAEAC4

第2色覚異常

#EBECC6

第3色覚異常

#F1CBCD

全色盲

#E1E1E1

CSS使用法

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

Tailwindシェード

50
#FCF9F3
100
#F7F0E3
200
#F3E2C3
300
#EBCE98
400
#E0B461
500
#D69929
600
#AB7A21
700
#89621B
800
#6B4D15
900
#4E3913
950
#31240C

コントラストチェッカー

白背景のテキスト

1.31:1

AA Fail AAA Fail

黒背景のテキスト

16.06:1

AA Pass AAA Pass

比較する

#F2DFBC
#BCCFF2
#F2DFBC
#FFFFFF
#000000
#F2DFBC

関連記事

チュートリアル

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

RGB(242, 223, 188) · HSL(38.9, 67.5%, 84.3%) · CMYK(0.0%, 7.9%, 22.3%, 5.1%)

Does #F2DFBC meet WCAG contrast on white?

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

What text color is readable on #F2DFBC?

Use 000000 text on a #F2DFBC background; contrast on black is 16.06:1.