#855D86

#855D86

カラー値

HEX

#855D86

RGB

133, 93, 134

HSL

298.5, 18.1%, 44.5%

HSV

298.5, 30.6%, 52.5%

CMYK

0.7%, 30.6%, 0.0%, 47.5%

OKLCH

0.5352 0.0787 325.8

プロパティ

寒色 暗い 最も近い： plum 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.

カラーハーモニー

補色

#855D86

#5E865D

類似色

#705D86

#865D73

#855D86

トライアド

#855D86

#86855D

#5D8685

スプリット補色

#855D86

#73865D

#5D8670

テトラード

#855D86

#86705D

#5E865D

#5D7386

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

オリジナル

#855D86

第1色覚異常

#74737C

第2色覚異常

#76797A

第3色覚異常

#837473

全色盲

#686868

CSS使用法

background-color: #855D86;
color: #855D86;
border-color: #855D86;
最も近いTailwind： Slate 500 #64748B

Tailwindシェード

50
#F8F6F9
100
#F0EAF0
200
#E1D5E2
300
#CCB7CD
400
#B190B2
500
#956897
600
#785478
700
#604360
800
#4B344B
900
#382938
950
#231A24

コントラストチェッカー

白背景のテキスト

5.37:1

AA Pass AAA Fail

黒背景のテキスト

3.91:1

AA Fail AAA Fail

比較する

#855D86
#5E865D
#855D86
#FFFFFF
#000000
#855D86

関連記事

チュートリアル

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 #855D86?

RGB(133, 93, 134) · HSL(298.5, 18.1%, 44.5%) · CMYK(0.7%, 30.6%, 0.0%, 47.5%)

Does #855D86 meet WCAG contrast on white?

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

What text color is readable on #855D86?

Use FFFFFF text on a #855D86 background; contrast on black is 3.91:1.