#DF998B

#DF998B

カラー値

HEX

#DF998B

RGB

223, 153, 139

HSL

10.0, 56.8%, 71.0%

HSV

10.0, 37.7%, 87.5%

CMYK

0.0%, 31.4%, 37.7%, 12.5%

OKLCH

0.7481 0.0873 31.7

プロパティ

暖色 明るい 最も近い： NCS S 0530-R10B Rose

色彩心理学

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.

カラーハーモニー

補色

#DF998B

#8BD1DF

類似色

#DF8BA7

#DFC38B

#DF998B

トライアド

#DF998B

#8BDF99

#998BDF

スプリット補色

#DF998B

#8BDFC3

#8BA7DF

テトラード

#DF998B

#A7DF8B

#8BD1DF

#C38BDF

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

オリジナル

#DF998B

第1色覚異常

#C1C08E

第2色覚異常

#C5CA8F

第3色覚異常

#DC9192

全色盲

#A7A7A7

CSS使用法

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

Tailwindシェード

50
#FBF5F4
100
#F6E7E5
200
#F0CEC7
300
#E5AB9F
400
#D67D6B
500
#C84F37
600
#A03F2C
700
#803323
800
#64281C
900
#492018
950
#2E140F

コントラストチェッカー

白背景のテキスト

2.32:1

AA Fail AAA Fail

黒背景のテキスト

9.07:1

AA Pass AAA Pass

比較する

#DF998B
#8BD1DF
#DF998B
#FFFFFF
#000000
#DF998B

関連記事

チュートリアル

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

RGB(223, 153, 139) · HSL(10.0, 56.8%, 71.0%) · CMYK(0.0%, 31.4%, 37.7%, 12.5%)

Does #DF998B meet WCAG contrast on white?

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

What text color is readable on #DF998B?

Use 000000 text on a #DF998B background; contrast on black is 9.07:1.