#90657D

#90657D

カラー値

HEX

#90657D

RGB

144, 101, 125

HSL

326.5, 17.6%, 48.0%

HSV

326.5, 29.9%, 56.5%

CMYK

0.0%, 29.9%, 13.2%, 43.5%

OKLCH

0.5591 0.0646 344.8

プロパティ

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

カラーハーモニー

補色

#90657D

#659078

類似色

#8D6590

#906567

#90657D

トライアド

#90657D

#7D9065

#657D90

スプリット補色

#90657D

#679065

#65908D

テトラード

#90657D

#908D65

#659078

#656790

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

オリジナル

#90657D

第1色覚異常

#7D7D77

第2色覚異常

#808376

第3色覚異常

#8E7372

全色盲

#707070

CSS使用法

background-color: #90657D;
color: #90657D;
border-color: #90657D;
最も近いTailwind： Zinc 500 #71717A

Tailwindシェード

50
#F8F6F7
100
#F0EAED
200
#E2D5DC
300
#CDB7C3
400
#B190A3
500
#966982
600
#785468
700
#604353
800
#4B3541
900
#382931
950
#231A1F

コントラストチェッカー

白背景のテキスト

4.83:1

AA Pass AAA Fail

黒背景のテキスト

4.34:1

AA Fail AAA Fail

比較する

#90657D
#659078
#90657D
#FFFFFF
#000000
#90657D

関連記事

チュートリアル

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 #90657D?

RGB(144, 101, 125) · HSL(326.5, 17.6%, 48.0%) · CMYK(0.0%, 29.9%, 13.2%, 43.5%)

Does #90657D meet WCAG contrast on white?

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

What text color is readable on #90657D?

Use FFFFFF text on a #90657D background; contrast on black is 4.34:1.