#5C2F05

#5C2F05

カラー値

HEX

#5C2F05

RGB

92, 47, 5

HSL

29.0, 89.7%, 19.0%

HSV

29.0, 94.6%, 36.1%

CMYK

0.0%, 48.9%, 94.6%, 63.9%

OKLCH

0.3573 0.0827 56.6

プロパティ

暖色 暗い 最も近い： RAL 8003 Clay Brown

色彩心理学

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.

カラーハーモニー

補色

#5C2F05

#05325C

類似色

#5C0506

#5C5A05

#5C2F05

トライアド

#5C2F05

#055C2F

#2F055C

スプリット補色

#5C2F05

#055C5A

#05065C

テトラード

#5C2F05

#065C05

#05325C

#5A055C

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

オリジナル

#5C2F05

第1色覚異常

#49480F

第2色覚異常

#4B4E12

第3色覚異常

#5A1719

全色盲

#363636

CSS使用法

background-color: #5C2F05;
color: #5C2F05;
border-color: #5C2F05;
最も近いTailwind： Yellow 900 #713F12

Tailwindシェード

50
#FDF7F2
100
#FBEDE0
200
#FBDABB
300
#F9C08B
400
#F59E4C
500
#F27C0D
600
#C1630B
700
#9B4F08
800
#793E07
900
#582F09
950
#371E06

コントラストチェッカー

白背景のテキスト

11.27:1

AA Pass AAA Pass

黒背景のテキスト

1.86:1

AA Fail AAA Fail

比較する

#5C2F05
#05325C
#5C2F05
#FFFFFF
#000000
#5C2F05

関連記事

チュートリアル

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 #5C2F05?

RGB(92, 47, 5) · HSL(29.0, 89.7%, 19.0%) · CMYK(0.0%, 48.9%, 94.6%, 63.9%)

Does #5C2F05 meet WCAG contrast on white?

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

What text color is readable on #5C2F05?

Use FFFFFF text on a #5C2F05 background; contrast on black is 1.86:1.