#B9BCBA

#B9BCBA

カラー値

HEX

#B9BCBA

RGB

185, 188, 186

HSL

140.0, 2.2%, 73.1%

HSV

140.0, 1.6%, 73.7%

CMYK

1.6%, 0.0%, 1.1%, 26.3%

OKLCH

0.7922 0.0043 157.2

プロパティ

寒色 明るい 最も近い： silver

色彩心理学

Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.

Design Usage

Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.

カラーハーモニー

補色

#B9BCBA

#BCB9BB

類似色

#B9BCB9

#B9BCBB

#B9BCBA

トライアド

#B9BCBA

#BAB9BC

#BCBAB9

スプリット補色

#B9BCBA

#BBB9BC

#BCB9B9

テトラード

#B9BCBA

#B9B9BC

#BCB9BB

#BCBBB9

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

オリジナル

#B9BCBA

第1色覚異常

#BABABA

第2色覚異常

#BABABB

第3色覚異常

#B9BBBB

全色盲

#BBBBBB

CSS使用法

background-color: #B9BCBA;
color: #B9BCBA;
border-color: #B9BCBA;
最も近いTailwind： Stone 300 #D6D3D1

Tailwindシェード

50
#F7F7F7
100
#EDEDED
200
#DBDCDB
300
#C0C3C1
400
#9FA3A0
500
#7D827F
600
#646865
700
#505351
800
#3E413F
900
#2F3130
950
#1E1F1E

コントラストチェッカー

白背景のテキスト

1.92:1

AA Fail AAA Fail

黒背景のテキスト

10.97:1

AA Pass AAA Pass

比較する

#B9BCBA
#BCB9BB
#B9BCBA
#FFFFFF
#000000
#B9BCBA

関連記事

チュートリアル

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

RGB(185, 188, 186) · HSL(140.0, 2.2%, 73.1%) · CMYK(1.6%, 0.0%, 1.1%, 26.3%)

Does #B9BCBA meet WCAG contrast on white?

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

What text color is readable on #B9BCBA?

Use 000000 text on a #B9BCBA background; contrast on black is 10.97:1.