#BABBC0

#BABBC0

カラー値

HEX

#BABBC0

RGB

186, 187, 192

HSL

230.0, 4.5%, 74.1%

HSV

230.0, 3.1%, 75.3%

CMYK

3.1%, 2.6%, 0.0%, 24.7%

OKLCH

0.7928 0.0071 277.1

プロパティ

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

カラーハーモニー

補色

#BABBC0

#C0BFBA

類似色

#BABEC0

#BCBAC0

#BABBC0

トライアド

#BABBC0

#C0BABB

#BBC0BA

スプリット補色

#BABBC0

#C0BCBA

#BEC0BA

テトラード

#BABBC0

#C0BABE

#C0BFBA

#BAC0BC

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

オリジナル

#BABBC0

第1色覚異常

#BABABF

第2色覚異常

#BABABE

第3色覚異常

#BABEBE

全色盲

#BBBBBB

CSS使用法

background-color: #BABBC0;
color: #BABBC0;
border-color: #BABBC0;
最も近いTailwind： Zinc 300 #D4D4D8

Tailwindシェード

50
#F7F7F8
100
#ECEDEE
200
#DADADD
300
#BFC0C5
400
#9C9EA5
500
#7A7C85
600
#61636B
700
#4E4F55
800
#3D3E43
900
#2E2F32
950
#1D1E20

コントラストチェッカー

白背景のテキスト

1.92:1

AA Fail AAA Fail

黒背景のテキスト

10.96:1

AA Pass AAA Pass

比較する

#BABBC0
#C0BFBA
#BABBC0
#FFFFFF
#000000
#BABBC0

関連記事

チュートリアル

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

RGB(186, 187, 192) · HSL(230.0, 4.5%, 74.1%) · CMYK(3.1%, 2.6%, 0.0%, 24.7%)

Does #BABBC0 meet WCAG contrast on white?

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

What text color is readable on #BABBC0?

Use 000000 text on a #BABBC0 background; contrast on black is 10.96:1.