#ABB7BC

#ABB7BC

カラー値

HEX

#ABB7BC

RGB

171, 183, 188

HSL

197.6, 11.3%, 70.4%

HSV

197.6, 9.0%, 73.7%

CMYK

9.0%, 2.7%, 0.0%, 26.3%

OKLCH

0.7716 0.0152 224.6

プロパティ

寒色 明るい 最も近い： NCS S 3000-N Medium Light Grey

色彩心理学

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

カラーハーモニー

補色

#ABB7BC

#BCB0AB

類似色

#ABBCB9

#ABAFBC

#ABB7BC

トライアド

#ABB7BC

#BCABB7

#B7BCAB

スプリット補色

#ABB7BC

#BCABAF

#BCB9AB

テトラード

#ABB7BC

#B9ABBC

#BCB0AB

#AFBCAB

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

オリジナル

#ABB7BC

第1色覚異常

#B0B0BB

第2色覚異常

#B0AFBA

第3色覚異常

#ACBABA

全色盲

#B5B5B5

CSS使用法

background-color: #ABB7BC;
color: #ABB7BC;
border-color: #ABB7BC;
最も近いTailwind： Gray 400 #9CA3AF

Tailwindシェード

50
#F7F8F8
100
#EBEEEF
200
#D7DDDF
300
#BBC5C9
400
#96A5AB
500
#71858E
600
#5A6B72
700
#48555B
800
#394347
900
#2C3235
950
#1B2022

コントラストチェッカー

白背景のテキスト

2.05:1

AA Fail AAA Fail

黒背景のテキスト

10.23:1

AA Pass AAA Pass

比較する

#ABB7BC
#BCB0AB
#ABB7BC
#FFFFFF
#000000
#ABB7BC

関連記事

チュートリアル

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

RGB(171, 183, 188) · HSL(197.6, 11.3%, 70.4%) · CMYK(9.0%, 2.7%, 0.0%, 26.3%)

Does #ABB7BC meet WCAG contrast on white?

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

What text color is readable on #ABB7BC?

Use 000000 text on a #ABB7BC background; contrast on black is 10.23:1.