#59563F

#59563F

カラー値

HEX

#59563F

RGB

89, 86, 63

HSL

53.1, 17.1%, 29.8%

HSV

53.1, 29.2%, 34.9%

CMYK

0.0%, 3.4%, 29.2%, 65.1%

OKLCH

0.4494 0.0357 101.5

プロパティ

暖色 暗い 最も近い： RAL 7009 Green Grey

色彩心理学

Dark yellows and golds convey prestige, wisdom, and enduring value. Gold has represented wealth and achievement throughout human history, from pharaonic tombs to Olympic medals. These warm, deep tones suggest quality without the flashiness of brighter yellows.

Design Usage

Dark gold and amber tones suit financial services, premium memberships, and achievement badges. They work as accent text or icon colors against dark backgrounds for a luxurious feel. Pair them with charcoal, deep navy, or rich brown to create sophisticated, high-end interfaces.

カラーハーモニー

補色

#59563F

#3F4259

類似色

#59493F

#4F593F

#59563F

トライアド

#59563F

#3F5956

#563F59

スプリット補色

#59563F

#3F4F59

#493F59

テトラード

#59563F

#3F5949

#3F4259

#593F4F

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

オリジナル

#59563F

第1色覚異常

#585845

第2色覚異常

#585846

第3色覚異常

#59494A

全色盲

#555555

CSS使用法

background-color: #59563F;
color: #59563F;
border-color: #59563F;
最も近いTailwind： Stone 600 #57534E

Tailwindシェード

50
#F8F8F6
100
#F0EFEB
200
#E1E0D5
300
#CCCAB7
400
#B1AD91
500
#95906A
600
#777355
700
#605C44
800
#4B4835
900
#383629
950
#23221A

コントラストチェッカー

白背景のテキスト

7.43:1

AA Pass AAA Pass

黒背景のテキスト

2.83:1

AA Fail AAA Fail

比較する

#59563F
#3F4259
#59563F
#FFFFFF
#000000
#59563F

関連記事

チュートリアル

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 #59563F?

RGB(89, 86, 63) · HSL(53.1, 17.1%, 29.8%) · CMYK(0.0%, 3.4%, 29.2%, 65.1%)

Does #59563F meet WCAG contrast on white?

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

What text color is readable on #59563F?

Use FFFFFF text on a #59563F background; contrast on black is 2.83:1.