#9B9693

#9B9693

カラー値

HEX

#9B9693

RGB

155, 150, 147

HSL

22.5, 3.8%, 59.2%

HSV

22.5, 5.2%, 60.8%

CMYK

0.0%, 3.2%, 5.2%, 39.2%

OKLCH

0.6765 0.0074 53.4

プロパティ

暖色 明るい 最も近い： Gray

色彩心理学

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.

カラーハーモニー

補色

#9B9693

#93989B

類似色

#9B9394

#9B9A93

#9B9693

トライアド

#9B9693

#939B96

#96939B

スプリット補色

#9B9693

#939B9A

#93949B

テトラード

#9B9693

#949B93

#93989B

#9A939B

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

オリジナル

#9B9693

第1色覚異常

#999994

第2色覚異常

#999A94

第3色覚異常

#9B9494

全色盲

#979797

CSS使用法

background-color: #9B9693;
color: #9B9693;
border-color: #9B9693;
最も近いTailwind： Stone 400 #A8A29E

Tailwindシェード

50
#F8F7F7
100
#EEEDED
200
#DDDBDA
300
#C4C1BF
400
#A4A09D
500
#847E7B
600
#6A6562
700
#55514E
800
#423F3D
900
#32302F
950
#201E1E

コントラストチェッカー

白背景のテキスト

2.93:1

AA Fail AAA Fail

黒背景のテキスト

7.18:1

AA Pass AAA Pass

比較する

#9B9693
#93989B
#9B9693
#FFFFFF
#000000
#9B9693

関連記事

チュートリアル

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 #9B9693?

RGB(155, 150, 147) · HSL(22.5, 3.8%, 59.2%) · CMYK(0.0%, 3.2%, 5.2%, 39.2%)

Does #9B9693 meet WCAG contrast on white?

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

What text color is readable on #9B9693?

Use 000000 text on a #9B9693 background; contrast on black is 7.18:1.