#7B7580

#7B7580

カラー値

HEX

#7B7580

RGB

123, 117, 128

HSL

272.7, 4.5%, 48.0%

HSV

272.7, 8.6%, 50.2%

CMYK

3.9%, 8.6%, 0.0%, 49.8%

OKLCH

0.5714 0.0181 310.0

プロパティ

寒色 明るい 最も近い： RAL 4012 Pearl Blackberry

色彩心理学

Medium gray represents balance, neutrality, and diplomatic composure. It is the color of concrete, steel, and overcast skies, suggesting urban modernity and industrial strength. Gray communicates professionalism and impartiality in equal measure.

Design Usage

Medium gray is essential for body text, icons, and secondary labels in user interfaces. It provides the typographic backbone of design systems, separating primary from secondary information. Ensure proper contrast ratios since many popular mid-gray values fall below WCAG AA for text on white backgrounds.

カラーハーモニー

補色

#7B7580

#7A8075

類似色

#757580

#80757F

#7B7580

トライアド

#7B7580

#807B75

#75807B

スプリット補色

#7B7580

#7F8075

#758075

テトラード

#7B7580

#807575

#7A8075

#757F80

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

オリジナル

#7B7580

第1色覚異常

#78787D

第2色覚異常

#79797D

第3色覚異常

#7B7B7B

全色盲

#777777

CSS使用法

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

Tailwindシェード

50
#F7F7F8
100
#EDECEE
200
#DBDADD
300
#C2BFC5
400
#A19CA5
500
#807A85
600
#66616B
700
#524E55
800
#403D43
900
#312E32
950
#1F1D20

コントラストチェッカー

白背景のテキスト

4.47:1

AA Fail AAA Fail

黒背景のテキスト

4.7:1

AA Pass AAA Fail

比較する

#7B7580
#7A8075
#7B7580
#FFFFFF
#000000
#7B7580

関連記事

チュートリアル

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 #7B7580?

RGB(123, 117, 128) · HSL(272.7, 4.5%, 48.0%) · CMYK(3.9%, 8.6%, 0.0%, 49.8%)

Does #7B7580 meet WCAG contrast on white?

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

What text color is readable on #7B7580?

Use 000000 text on a #7B7580 background; contrast on black is 4.7:1.