#6C2385

#6C2385

カラー値

HEX

#6C2385

RGB

108, 35, 133

HSL

284.7, 58.3%, 32.9%

HSV

284.7, 73.7%, 52.2%

CMYK

18.8%, 73.7%, 0.0%, 47.8%

OKLCH

0.4141 0.1623 316.0

プロパティ

寒色 暗い 最も近い： darkorchid 4

色彩心理学

Dark purples like plum and amethyst convey mystery, power, and regal authority. They suggest hidden depths, secret knowledge, and ambitious vision. In Western cultures, deep purple often appears in religious vestments and academic regalia, reinforcing its association with wisdom and ceremony.

Design Usage

Dark purple excels in entertainment branding, gaming interfaces, and luxury e-commerce. It creates dramatic hero sections and immersive backgrounds that feel rich and engaging. Pair it with electric violet or bright pink accents for energy, or with gold and cream for timeless elegance.

カラーハーモニー

補色

#6C2385

#3C8523

類似色

#3B2385

#85236D

#6C2385

トライアド

#6C2385

#856C23

#23856C

スプリット補色

#6C2385

#6D8523

#23853B

テトラード

#6C2385

#853B23

#3C8523

#236D85

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

オリジナル

#6C2385

第1色覚異常

#4C4C6D

第2色覚異常

#515668

第3色覚異常

#685B56

全色盲

#3A3A3A

CSS使用法

background-color: #6C2385;
color: #6C2385;
border-color: #6C2385;
最も近いTailwind： Fuchsia 900 #701A75

Tailwindシェード

50
#F9F4FB
100
#F1E4F6
200
#E5C6F0
300
#D39EE5
400
#BC6AD8
500
#A435CA
600
#832BA1
700
#692281
800
#521B65
900
#3D174A
950
#260F2F

コントラストチェッカー

白背景のテキスト

9.47:1

AA Pass AAA Pass

黒背景のテキスト

2.22:1

AA Fail AAA Fail

比較する

#6C2385
#3C8523
#6C2385
#FFFFFF
#000000
#6C2385

関連記事

チュートリアル

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 #6C2385?

RGB(108, 35, 133) · HSL(284.7, 58.3%, 32.9%) · CMYK(18.8%, 73.7%, 0.0%, 47.8%)

Does #6C2385 meet WCAG contrast on white?

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

What text color is readable on #6C2385?

Use FFFFFF text on a #6C2385 background; contrast on black is 2.22:1.