#97530C

#97530C

カラー値

HEX

#97530C

RGB

151, 83, 12

HSL

30.6, 85.3%, 32.0%

HSV

30.6, 92.1%, 59.2%

CMYK

0.0%, 45.0%, 92.1%, 40.8%

OKLCH

0.5126 0.1172 58.6

プロパティ

暖色 暗い 最も近い： darkorange 4

色彩心理学

Dark oranges like burnt sienna and rust evoke autumnal warmth, earthiness, and heritage. These tones connect to natural materials like terracotta and aged wood, suggesting authenticity and craftsmanship. They carry a nostalgic quality that feels grounded and trustworthy.

Design Usage

Dark oranges are effective in food and beverage branding, outdoor lifestyle products, and artisanal goods. They work as accent colors in data visualizations and infographics where warmth is needed without brightness. Combine them with deep greens or navy for a sophisticated, nature-inspired palette.

カラーハーモニー

補色

#97530C

#0C5097

類似色

#970D0C

#96970C

#97530C

トライアド

#97530C

#0C9753

#530C97

スプリット補色

#97530C

#0C9697

#0D0C97

テトラード

#97530C

#0C970D

#0C5097

#970C96

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

オリジナル

#97530C

第1色覚異常

#7A791D

第2色覚異常

#7E8321

第3色覚異常

#942B2E

全色盲

#5C5C5C

CSS使用法

background-color: #97530C;
color: #97530C;
border-color: #97530C;
最も近いTailwind： Yellow 800 #854D0E

Tailwindシェード

50
#FDF7F2
100
#FAEDE0
200
#FADCBD
300
#F6C38E
400
#F1A250
500
#EC8213
600
#BD680F
700
#97530C
800
#764109
900
#56310B
950
#361F07

コントラストチェッカー

白背景のテキスト

5.9:1

AA Pass AAA Fail

黒背景のテキスト

3.56:1

AA Fail AAA Fail

比較する

#97530C
#0C5097
#97530C
#FFFFFF
#000000
#97530C

関連記事

チュートリアル

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 #97530C?

RGB(151, 83, 12) · HSL(30.6, 85.3%, 32.0%) · CMYK(0.0%, 45.0%, 92.1%, 40.8%)

Does #97530C meet WCAG contrast on white?

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

What text color is readable on #97530C?

Use FFFFFF text on a #97530C background; contrast on black is 3.56:1.