#534643

#534643

カラー値

HEX

#534643

RGB

83, 70, 67

HSL

11.3, 10.7%, 29.4%

HSV

11.3, 19.3%, 32.5%

CMYK

0.0%, 15.7%, 19.3%, 67.5%

OKLCH

0.4065 0.0185 33.1

プロパティ

暖色 暗い 最も近い： NCS S 7000-N Dark Grey

色彩心理学

Dark browns like chocolate and espresso project richness, indulgence, and masculine elegance. They carry the warmth of wood-paneled studies and aged leather, evoking comfort and established tradition. These deep tones suggest solidity, dependability, and mature sophistication.

Design Usage

Dark brown excels as a text color alternative to pure black, providing warmth and reducing visual harshness. It suits coffee roasters, chocolate brands, and heritage accessories with a tradition focus. Pair it with cream, gold, or burnt orange for a luxurious, warm-toned design system.

カラーハーモニー

補色

#534643

#435053

類似色

#534348

#534E43

#534643

トライアド

#534643

#435346

#464353

スプリット補色

#534643

#43534E

#434853

テトラード

#534643

#485343

#435053

#4E4353

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

オリジナル

#534643

第1色覚異常

#4D4D44

第2色覚異常

#4E4F44

第3色覚異常

#524444

全色盲

#494949

CSS使用法

background-color: #534643;
color: #534643;
border-color: #534643;
最も近いTailwind： Stone 700 #44403C

Tailwindシェード

50
#F8F7F7
100
#EFECEC
200
#DFD9D7
300
#C8BEBB
400
#AB9A97
500
#8D7772
600
#715F5B
700
#5A4C49
800
#473B39
900
#352E2C
950
#221D1C

コントラストチェッカー

白背景のテキスト

9.03:1

AA Pass AAA Pass

黒背景のテキスト

2.32:1

AA Fail AAA Fail

比較する

#534643
#435053
#534643
#FFFFFF
#000000
#534643

関連記事

チュートリアル

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

RGB(83, 70, 67) · HSL(11.3, 10.7%, 29.4%) · CMYK(0.0%, 15.7%, 19.3%, 67.5%)

Does #534643 meet WCAG contrast on white?

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

What text color is readable on #534643?

Use FFFFFF text on a #534643 background; contrast on black is 2.32:1.