#5F1997

#5F1997

カラー値

HEX

#5F1997

RGB

95, 25, 151

HSL

273.3, 71.6%, 34.5%

HSV

273.3, 83.4%, 59.2%

CMYK

37.1%, 83.4%, 0.0%, 40.8%

OKLCH

0.4012 0.1865 303.7

プロパティ

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

カラーハーモニー

補色

#5F1997

#519719

類似色

#201997

#971990

#5F1997

トライアド

#5F1997

#975F19

#19975F

スプリット補色

#5F1997

#909719

#199720

テトラード

#5F1997

#972019

#519719

#199097

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

オリジナル

#5F1997

第1色覚異常

#414079

第2色覚異常

#454A71

第3色覚異常

#5C605B

全色盲

#313131

CSS使用法

background-color: #5F1997;
color: #5F1997;
border-color: #5F1997;
最も近いTailwind： Violet 900 #4C1D95

Tailwindシェード

50
#F8F3FC
100
#EEE2F8
200
#DEC2F5
300
#C796EE
400
#A85DE4
500
#8A24DB
600
#6E1DAF
700
#58178C
800
#45126D
900
#341150
950
#210B32

コントラストチェッカー

白背景のテキスト

10.13:1

AA Pass AAA Pass

黒背景のテキスト

2.07:1

AA Fail AAA Fail

比較する

#5F1997
#519719
#5F1997
#FFFFFF
#000000
#5F1997

関連記事

チュートリアル

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 #5F1997?

RGB(95, 25, 151) · HSL(273.3, 71.6%, 34.5%) · CMYK(37.1%, 83.4%, 0.0%, 40.8%)

Does #5F1997 meet WCAG contrast on white?

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

What text color is readable on #5F1997?

Use FFFFFF text on a #5F1997 background; contrast on black is 2.07:1.