#503C75

#503C75

カラー値

HEX

#503C75

RGB

80, 60, 117

HSL

261.1, 32.2%, 34.7%

HSV

261.1, 48.7%, 45.9%

CMYK

31.6%, 48.7%, 0.0%, 54.1%

OKLCH

0.4053 0.0947 298.3

プロパティ

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

カラーハーモニー

補色

#503C75

#61753C

類似色

#3C4475

#6D3C75

#503C75

トライアド

#503C75

#75503C

#3C7550

スプリット補色

#503C75

#756D3C

#44753C

テトラード

#503C75

#753C44

#61753C

#3C756D

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

オリジナル

#503C75

第1色覚異常

#474767

第2色覚異常

#484A64

第3色覚異常

#4F5C5A

全色盲

#444444

CSS使用法

background-color: #503C75;
color: #503C75;
border-color: #503C75;
最も近いTailwind： Blue 950 #172554

Tailwindシェード

50
#F7F5F9
100
#ECE8F2
200
#D8D0E7
300
#BCAED6
400
#9882BF
500
#7356A9
600
#5C4587
700
#4A376C
800
#3A2B54
900
#2C223E
950
#1C1627

コントラストチェッカー

白背景のテキスト

9.36:1

AA Pass AAA Pass

黒背景のテキスト

2.24:1

AA Fail AAA Fail

比較する

#503C75
#61753C
#503C75
#FFFFFF
#000000
#503C75

関連記事

チュートリアル

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 #503C75?

RGB(80, 60, 117) · HSL(261.1, 32.2%, 34.7%) · CMYK(31.6%, 48.7%, 0.0%, 54.1%)

Does #503C75 meet WCAG contrast on white?

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

What text color is readable on #503C75?

Use FFFFFF text on a #503C75 background; contrast on black is 2.24:1.