#FECB6D

#FECB6D

カラー値

HEX

#FECB6D

RGB

254, 203, 109

HSL

38.9, 98.6%, 71.2%

HSV

38.9, 57.1%, 99.6%

CMYK

0.0%, 20.1%, 57.1%, 0.4%

OKLCH

0.8686 0.126 81.1

プロパティ

暖色 明るい 最も近い： Dandelion

色彩心理学

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.

カラーハーモニー

補色

#FECB6D

#6DA0FE

類似色

#FE836D

#E8FE6D

#FECB6D

トライアド

#FECB6D

#6DFECB

#CB6DFE

スプリット補色

#FECB6D

#6DE8FE

#836DFE

テトラード

#FECB6D

#6DFE83

#6DA0FE

#FE6DE8

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

オリジナル

#FECB6D

第1色覚異常

#E8E784

第2色覚異常

#EBEF89

第3色覚異常

#FB969A

全色盲

#CFCFCF

CSS使用法

background-color: #FECB6D;
color: #FECB6D;
border-color: #FECB6D;
最も近いTailwind： Orange 300 #FDBA74

Tailwindシェード

50
#FEF9F1
100
#FCF2DE
200
#FFE6B8
300
#FED485
400
#FEBC44
500
#FDA502
600
#CB8401
700
#A26901
800
#7F5201
900
#5B3D05
950
#3A2703

コントラストチェッカー

白背景のテキスト

1.5:1

AA Fail AAA Fail

黒背景のテキスト

13.98:1

AA Pass AAA Pass

比較する

#FECB6D
#6DA0FE
#FECB6D
#FFFFFF
#000000
#FECB6D

関連記事

チュートリアル

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

RGB(254, 203, 109) · HSL(38.9, 98.6%, 71.2%) · CMYK(0.0%, 20.1%, 57.1%, 0.4%)

Does #FECB6D meet WCAG contrast on white?

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

What text color is readable on #FECB6D?

Use 000000 text on a #FECB6D background; contrast on black is 13.98:1.