#3F069D

#3F069D

カラー値

HEX

#3F069D

RGB

63, 6, 157

HSL

262.6, 92.6%, 32.0%

HSV

262.6, 96.2%, 61.6%

CMYK

59.9%, 96.2%, 0.0%, 38.4%

OKLCH

0.3572 0.2015 286.8

プロパティ

寒色 暗い 最も近い： darkblue

色彩心理学

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.

カラーハーモニー

補色

#3F069D

#649D06

類似色

#06199D

#8B069D

#3F069D

トライアド

#3F069D

#9D3F06

#069D3F

スプリット補色

#3F069D

#9D8B06

#199D06

テトラード

#3F069D

#9D0619

#649D06

#069D8B

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

オリジナル

#3F069D

第1色覚異常

#262679

第2色覚異常

#2A2E70

第3色覚異常

#3C5C55

全色盲

#1D1D1D

CSS使用法

background-color: #3F069D;
color: #3F069D;
border-color: #3F069D;
最も近いTailwind： Violet 800 #5B21B6

Tailwindシェード

50
#F6F1FD
100
#EADFFB
200
#D3BAFC
300
#B489FA
400
#8B49F8
500
#6209F6
600
#4F08C4
700
#3F069D
800
#31057B
900
#260859
950
#180538

コントラストチェッカー

白背景のテキスト

12.18:1

AA Pass AAA Pass

黒背景のテキスト

1.72:1

AA Fail AAA Fail

比較する

#3F069D
#649D06
#3F069D
#FFFFFF
#000000
#3F069D

関連記事

チュートリアル

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 #3F069D?

RGB(63, 6, 157) · HSL(262.6, 92.6%, 32.0%) · CMYK(59.9%, 96.2%, 0.0%, 38.4%)

Does #3F069D meet WCAG contrast on white?

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

What text color is readable on #3F069D?

Use FFFFFF text on a #3F069D background; contrast on black is 1.72:1.