#BCBAB8

#BCBAB8

カラー値

HEX

#BCBAB8

RGB

188, 186, 184

HSL

30.0, 2.9%, 72.9%

HSV

30.0, 2.1%, 73.7%

CMYK

0.0%, 1.1%, 2.1%, 26.3%

OKLCH

0.79 0.0036 67.8

プロパティ

暖色 明るい 最も近い： 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.

カラーハーモニー

補色

#BCBAB8

#B8BABC

類似色

#BCB8B8

#BCBCB8

#BCBAB8

トライアド

#BCBAB8

#B8BCBA

#BAB8BC

スプリット補色

#BCBAB8

#B8BCBC

#B8B8BC

テトラード

#BCBAB8

#B8BCB8

#B8BABC

#BCB8BC

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

オリジナル

#BCBAB8

第1色覚異常

#BBBBB8

第2色覚異常

#BBBBB9

第3色覚異常

#BCB9B9

全色盲

#BABABA

CSS使用法

background-color: #BCBAB8;
color: #BCBAB8;
border-color: #BCBAB8;
最も近いTailwind： Neutral 400 #A3A3A3

Tailwindシェード

50
#F8F7F7
100
#EEEDED
200
#DCDBDA
300
#C4C2C0
400
#A3A19E
500
#83807C
600
#696663
700
#54524F
800
#42403E
900
#32302F
950
#1F1F1E

コントラストチェッカー

白背景のテキスト

1.93:1

AA Fail AAA Fail

黒背景のテキスト

10.85:1

AA Pass AAA Pass

比較する

#BCBAB8
#B8BABC
#BCBAB8
#FFFFFF
#000000
#BCBAB8

関連記事

チュートリアル

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

RGB(188, 186, 184) · HSL(30.0, 2.9%, 72.9%) · CMYK(0.0%, 1.1%, 2.1%, 26.3%)

Does #BCBAB8 meet WCAG contrast on white?

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

What text color is readable on #BCBAB8?

Use 000000 text on a #BCBAB8 background; contrast on black is 10.85:1.