#715465

#715465

カラー値

HEX

#715465

RGB

113, 84, 101

HSL

324.8, 14.7%, 38.6%

HSV

324.8, 25.7%, 44.3%

CMYK

0.0%, 25.7%, 10.6%, 55.7%

OKLCH

0.4819 0.0459 343.0

プロパティ

暖色 暗い 最も近い： Eggplant

色彩心理学

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.

カラーハーモニー

補色

#715465

#547160

類似色

#6E5471

#715456

#715465

トライアド

#715465

#657154

#546571

スプリット補色

#715465

#567154

#54716E

テトラード

#715465

#716E54

#547160

#545671

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

オリジナル

#715465

第1色覚異常

#646461

第2色覚異常

#666860

第3色覚異常

#705E5D

全色盲

#5B5B5B

CSS使用法

background-color: #715465;
color: #715465;
border-color: #715465;
最も近いTailwind： Zinc 600 #52525B

Tailwindシェード

50
#F8F6F8
100
#EFEBEE
200
#E1D6DC
300
#CBB9C3
400
#AF93A3
500
#926D83
600
#755769
700
#5E4654
800
#493641
900
#372A32
950
#231B1F

コントラストチェッカー

白背景のテキスト

6.65:1

AA Pass AAA Fail

黒背景のテキスト

3.16:1

AA Fail AAA Fail

比較する

#715465
#547160
#715465
#FFFFFF
#000000
#715465

関連記事

チュートリアル

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

RGB(113, 84, 101) · HSL(324.8, 14.7%, 38.6%) · CMYK(0.0%, 25.7%, 10.6%, 55.7%)

Does #715465 meet WCAG contrast on white?

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

What text color is readable on #715465?

Use FFFFFF text on a #715465 background; contrast on black is 3.16:1.