#B9B89A

#B9B89A

カラー値

HEX

#B9B89A

RGB

185, 184, 154

HSL

58.1, 18.1%, 66.5%

HSV

58.1, 16.8%, 72.5%

CMYK

0.0%, 0.5%, 16.8%, 27.5%

OKLCH

0.7754 0.0412 105.7

プロパティ

暖色 明るい 最も近い： RAL 7032 Pebble Grey

色彩心理学

Pale yellows and creams evoke sunlight, freshness, and intellectual clarity. They are the lightest chromatic colors the eye perceives, creating a sense of spaciousness and openness. Light yellow is often associated with new beginnings and gentle happiness.

Design Usage

Light yellows are excellent for background tints, highlight markers, and information callout boxes. They add warmth to white-dominated layouts without overwhelming the content hierarchy. Use them cautiously for text backgrounds since pale yellow on white creates poor contrast ratios.

カラーハーモニー

補色

#B9B89A

#9A9BB9

類似色

#B9A99A

#ABB99A

#B9B89A

トライアド

#B9B89A

#9AB9B8

#B89AB9

スプリット補色

#B9B89A

#9AABB9

#A99AB9

テトラード

#B9B89A

#9AB9A9

#9A9BB9

#B99AAB

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

オリジナル

#B9B89A

第1色覚異常

#B9B9A1

第2色覚異常

#B9B9A3

第3色覚異常

#B9A7A8

全色盲

#B6B6B6

CSS使用法

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

Tailwindシェード

50
#F9F8F6
100
#F0F0EA
200
#E2E1D5
300
#CDCCB7
400
#B2B190
500
#979568
600
#787754
700
#605F43
800
#4B4B34
900
#383829
950
#24231A

コントラストチェッカー

白背景のテキスト

2.02:1

AA Fail AAA Fail

黒背景のテキスト

10.39:1

AA Pass AAA Pass

比較する

#B9B89A
#9A9BB9
#B9B89A
#FFFFFF
#000000
#B9B89A

関連記事

チュートリアル

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

RGB(185, 184, 154) · HSL(58.1, 18.1%, 66.5%) · CMYK(0.0%, 0.5%, 16.8%, 27.5%)

Does #B9B89A meet WCAG contrast on white?

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

What text color is readable on #B9B89A?

Use 000000 text on a #B9B89A background; contrast on black is 10.39:1.