#846F90

#846F90

カラー値

HEX

#846F90

RGB

132, 111, 144

HSL

278.2, 12.9%, 50.0%

HSV

278.2, 22.9%, 56.5%

CMYK

8.3%, 22.9%, 0.0%, 43.5%

OKLCH

0.5733 0.0554 313.1

プロパティ

寒色 明るい 最も近い： plum 4

色彩心理学

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

カラーハーモニー

補色

#846F90

#7B906F

類似色

#746F90

#906F8B

#846F90

トライアド

#846F90

#90846F

#6F9084

スプリット補色

#846F90

#8B906F

#6F9074

テトラード

#846F90

#90746F

#7B906F

#6F8B90

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

オリジナル

#846F90

第1色覚異常

#7B7B88

第2色覚異常

#7C7E86

第3色覚異常

#838280

全色盲

#767676

CSS使用法

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

Tailwindシェード

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C4BACA
400
#A494AD
500
#846F90
600
#6A5973
700
#54475C
800
#423848
900
#322B36
950
#201B22

コントラストチェッカー

白背景のテキスト

4.51:1

AA Pass AAA Fail

黒背景のテキスト

4.66:1

AA Pass AAA Fail

比較する

#846F90
#7B906F
#846F90
#FFFFFF
#000000
#846F90

関連記事

チュートリアル

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 #846F90?

RGB(132, 111, 144) · HSL(278.2, 12.9%, 50.0%) · CMYK(8.3%, 22.9%, 0.0%, 43.5%)

Does #846F90 meet WCAG contrast on white?

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

What text color is readable on #846F90?

Use 000000 text on a #846F90 background; contrast on black is 4.66:1.