#6B686D

#6B686D

カラー値

HEX

#6B686D

RGB

107, 104, 109

HSL

276.0, 2.3%, 41.8%

HSV

276.0, 4.6%, 42.7%

CMYK

1.8%, 4.6%, 0.0%, 57.3%

OKLCH

0.5217 0.0085 312.2

プロパティ

寒色 暗い 最も近い： dimgrey

色彩心理学

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.

カラーハーモニー

補色

#6B686D

#6A6D68

類似色

#69686D

#6D686D

#6B686D

トライアド

#6B686D

#6D6B68

#686D6B

スプリット補色

#6B686D

#6D6D68

#686D69

テトラード

#6B686D

#6D6968

#6A6D68

#686D6D

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

オリジナル

#6B686D

第1色覚異常

#6A6A6C

第2色覚異常

#6A6A6C

第3色覚異常

#6B6B6B

全色盲

#696969

CSS使用法

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

Tailwindシェード

50
#F7F7F7
100
#EDEDED
200
#DBDADC
300
#C2C0C3
400
#A19EA3
500
#807D82
600
#666468
700
#525053
800
#403E41
900
#312F31
950
#1F1E1F

コントラストチェッカー

白背景のテキスト

5.49:1

AA Pass AAA Fail

黒背景のテキスト

3.83:1

AA Fail AAA Fail

比較する

#6B686D
#6A6D68
#6B686D
#FFFFFF
#000000
#6B686D

関連記事

チュートリアル

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 #6B686D?

RGB(107, 104, 109) · HSL(276.0, 2.3%, 41.8%) · CMYK(1.8%, 4.6%, 0.0%, 57.3%)

Does #6B686D meet WCAG contrast on white?

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

What text color is readable on #6B686D?

Use FFFFFF text on a #6B686D background; contrast on black is 3.83:1.