#AC9B98

#AC9B98

カラー値

HEX

#AC9B98

RGB

172, 155, 152

HSL

9.0, 10.8%, 63.5%

HSV

9.0, 11.6%, 67.5%

CMYK

0.0%, 9.9%, 11.6%, 32.5%

OKLCH

0.7034 0.0206 29.6

プロパティ

暖色 明るい 最も近い： RAL 9022 Pearl Light Grey

色彩心理学

Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.

Design Usage

Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.

カラーハーモニー

補色

#AC9B98

#98A9AC

類似色

#AC989F

#ACA598

#AC9B98

トライアド

#AC9B98

#98AC9B

#9B98AC

スプリット補色

#AC9B98

#98ACA5

#989FAC

テトラード

#AC9B98

#9FAC98

#98A9AC

#A598AC

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

オリジナル

#AC9B98

第1色覚異常

#A5A499

第2色覚異常

#A6A799

第3色覚異常

#AB9999

全色盲

#9E9E9E

CSS使用法

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

Tailwindシェード

50
#F8F7F7
100
#EFECEC
200
#DFD9D7
300
#C8BDBB
400
#AB9A96
500
#8D7672
600
#715E5B
700
#5A4B49
800
#473B39
900
#352D2C
950
#221D1C

コントラストチェッカー

白背景のテキスト

2.66:1

AA Fail AAA Fail

黒背景のテキスト

7.9:1

AA Pass AAA Pass

比較する

#AC9B98
#98A9AC
#AC9B98
#FFFFFF
#000000
#AC9B98

関連記事

チュートリアル

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

RGB(172, 155, 152) · HSL(9.0, 10.8%, 63.5%) · CMYK(0.0%, 9.9%, 11.6%, 32.5%)

Does #AC9B98 meet WCAG contrast on white?

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

What text color is readable on #AC9B98?

Use 000000 text on a #AC9B98 background; contrast on black is 7.9:1.