indigo

#4B0082

CSS color

Indigo (#4B0082) is a deep, rich blue-violet CSS named color corresponding to one of the seven colors of the rainbow, positioned between blue and violet in the visible spectrum. Sir Isaac Newton identified indigo as a distinct spectral hue, though its status as a separate rainbow color has been debated by scientists. Historically, indigo dye from the indigofera plant was among the most prized and costly pigments in the world.

カラー値

HEX

#4B0082

RGB

75, 0, 130

HSL

274.6, 100.0%, 25.5%

HSV

274.6, 100.0%, 51.0%

CMYK

42.3%, 100.0%, 0.0%, 49.0%

OKLCH

0.339 0.1793 301.7

プロパティ

色彩心理学

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.

カラーハーモニー

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

CSS使用法

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

Tailwindシェード

コントラストチェッカー

白背景のテキスト

12.95:1

AA Pass AAA Pass

黒背景のテキスト

1.62:1

AA Fail AAA Fail

比較する

関連記事