#F2AC9A

#F2AC9A

カラー値

HEX

#F2AC9A

RGB

242, 172, 154

HSL

12.3, 77.2%, 77.6%

HSV

12.3, 36.4%, 94.9%

CMYK

0.0%, 28.9%, 36.4%, 5.1%

OKLCH

0.8063 0.0868 35.0

プロパティ

暖色 明るい 最も近い： NCS S 0530-Y90R Light Orange

色彩心理学

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.

カラーハーモニー

補色

#F2AC9A

#9AE0F2

類似色

#F29AB4

#F2D89A

#F2AC9A

トライアド

#F2AC9A

#9AF2AC

#AC9AF2

スプリット補色

#F2AC9A

#9AF2D8

#9AB4F2

テトラード

#F2AC9A

#B4F29A

#9AE0F2

#D89AF2

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

オリジナル

#F2AC9A

第1色覚異常

#D4D39E

第2色覚異常

#D8DD9F

第3色覚異常

#EEA2A3

全色盲

#BABABA

CSS使用法

background-color: #F2AC9A;
color: #F2AC9A;
border-color: #F2AC9A;
最も近いTailwind： Red 300 #FCA5A5

Tailwindシェード

50
#FCF4F2
100
#F9E6E1
200
#F7CBC0
300
#F1A693
400
#E97658
500
#E2451D
600
#B53817
700
#912C13
800
#71230F
900
#521D0F
950
#341209

コントラストチェッカー

白背景のテキスト

1.88:1

AA Fail AAA Fail

黒背景のテキスト

11.14:1

AA Pass AAA Pass

比較する

#F2AC9A
#9AE0F2
#F2AC9A
#FFFFFF
#000000
#F2AC9A

関連記事

チュートリアル

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

RGB(242, 172, 154) · HSL(12.3, 77.2%, 77.6%) · CMYK(0.0%, 28.9%, 36.4%, 5.1%)

Does #F2AC9A meet WCAG contrast on white?

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

What text color is readable on #F2AC9A?

Use 000000 text on a #F2AC9A background; contrast on black is 11.14:1.