#90378A

#90378A

カラー値

HEX

#90378A

RGB

144, 55, 138

HSL

304.0, 44.7%, 39.0%

HSV

304.0, 61.8%, 56.5%

CMYK

0.0%, 61.8%, 4.2%, 43.5%

OKLCH

0.4921 0.1576 330.4

プロパティ

暖色 暗い 最も近い： mediumorchid 4

色彩心理学

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

カラーハーモニー

補色

#90378A

#37903D

類似色

#693790

#90375E

#90378A

トライアド

#90378A

#8A9037

#378A90

スプリット補色

#90378A

#5E9037

#379069

テトラード

#90378A

#906937

#37903D

#375E90

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

オリジナル

#90378A

第1色覚異常

#696976

第2色覚異常

#6F7571

第3色覚異常

#8C6663

全色盲

#505050

CSS使用法

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

Tailwindシェード

50
#FAF4FA
100
#F4E6F3
200
#EBCBE9
300
#DDA6DA
400
#CB76C5
500
#B847B1
600
#94388E
700
#762D71
800
#5C2358
900
#441D41
950
#2B1229

コントラストチェッカー

白背景のテキスト

6.78:1

AA Pass AAA Fail

黒背景のテキスト

3.1:1

AA Fail AAA Fail

比較する

#90378A
#37903D
#90378A
#FFFFFF
#000000
#90378A

関連記事

チュートリアル

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 #90378A?

RGB(144, 55, 138) · HSL(304.0, 44.7%, 39.0%) · CMYK(0.0%, 61.8%, 4.2%, 43.5%)

Does #90378A meet WCAG contrast on white?

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

What text color is readable on #90378A?

Use FFFFFF text on a #90378A background; contrast on black is 3.1:1.