#DBB59C

#DBB59C

カラー値

HEX

#DBB59C

RGB

219, 181, 156

HSL

23.8, 46.7%, 73.5%

HSV

23.8, 28.8%, 85.9%

CMYK

0.0%, 17.4%, 28.8%, 14.1%

OKLCH

0.8002 0.0559 55.1

プロパティ

暖色 明るい 最も近い： peachpuff 3

色彩心理学

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.

カラーハーモニー

補色

#DBB59C

#9CC2DB

類似色

#DB9CA2

#DBD49C

#DBB59C

トライアド

#DBB59C

#9CDBB5

#B59CDB

スプリット補色

#DBB59C

#9CDBD4

#9CA2DB

テトラード

#DBB59C

#A2DB9C

#9CC2DB

#D49CDB

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

オリジナル

#DBB59C

第1色覚異常

#CBCAA2

第2色覚異常

#CDD0A4

第3色覚異常

#D9A7A8

全色盲

#BBBBBB

CSS使用法

background-color: #DBB59C;
color: #DBB59C;
border-color: #DBB59C;
最も近いTailwind： Orange 200 #FED7AA

Tailwindシェード

50
#FAF7F4
100
#F4ECE6
200
#ECD8CB
300
#DEBCA5
400
#CD9875
500
#BB7344
600
#965C36
700
#784A2B
800
#5E3A22
900
#452C1C
950
#2B1C12

コントラストチェッカー

白背景のテキスト

1.89:1

AA Fail AAA Fail

黒背景のテキスト

11.1:1

AA Pass AAA Pass

比較する

#DBB59C
#9CC2DB
#DBB59C
#FFFFFF
#000000
#DBB59C

関連記事

チュートリアル

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

RGB(219, 181, 156) · HSL(23.8, 46.7%, 73.5%) · CMYK(0.0%, 17.4%, 28.8%, 14.1%)

Does #DBB59C meet WCAG contrast on white?

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

What text color is readable on #DBB59C?

Use 000000 text on a #DBB59C background; contrast on black is 11.1:1.