#89707F

#89707F

カラー値

HEX

#89707F

RGB

137, 112, 127

HSL

324.0, 10.0%, 48.8%

HSV

324.0, 18.2%, 53.7%

CMYK

0.0%, 18.2%, 7.3%, 46.3%

OKLCH

0.574 0.0381 341.7

プロパティ

暖色 明るい 最も近い： thistle 4

色彩心理学

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

カラーハーモニー

補色

#89707F

#70897A

類似色

#867089

#897072

#89707F

トライアド

#89707F

#7F8970

#707F89

スプリット補色

#89707F

#728970

#708986

テトラード

#89707F

#898670

#70897A

#707289

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

オリジナル

#89707F

第1色覚異常

#7E7E7B

第2色覚異常

#80827A

第3色覚異常

#887978

全色盲

#767676

CSS使用法

background-color: #89707F;
color: #89707F;
border-color: #89707F;
最も近いTailwind： Zinc 500 #71717A

Tailwindシェード

50
#F8F7F7
100
#EFECED
200
#DFD8DC
300
#C8BCC3
400
#AA97A3
500
#8C7382
600
#705C68
700
#5A4953
800
#463941
900
#352C31
950
#211C1F

コントラストチェッカー

白背景のテキスト

4.48:1

AA Fail AAA Fail

黒背景のテキスト

4.69:1

AA Pass AAA Fail

比較する

#89707F
#70897A
#89707F
#FFFFFF
#000000
#89707F

関連記事

チュートリアル

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

RGB(137, 112, 127) · HSL(324.0, 10.0%, 48.8%) · CMYK(0.0%, 18.2%, 7.3%, 46.3%)

Does #89707F meet WCAG contrast on white?

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

What text color is readable on #89707F?

Use 000000 text on a #89707F background; contrast on black is 4.69:1.