#B8B985

#B8B985

カラー値

HEX

#B8B985

RGB

184, 185, 133

HSL

61.2, 27.1%, 62.4%

HSV

61.2, 28.1%, 72.5%

CMYK

0.5%, 0.0%, 28.1%, 27.5%

OKLCH

0.7721 0.0698 108.9

プロパティ

寒色 明るい 最も近い： RAL 1000 Green Beige

色彩心理学

Pure yellow is the most luminous color in the spectrum, instantly associated with sunshine, optimism, and alertness. It stimulates the nervous system and enhances concentration, which is why it appears on school buses and warning signs. Yellow demands attention faster than any other color.

Design Usage

Medium yellow is powerful for attention badges, star ratings, and highlight accents in otherwise neutral interfaces. It is one of the hardest colors to use as a primary brand color because of contrast limitations against white. Dark text on yellow achieves strong readability, making it effective for caution banners.

カラーハーモニー

補色

#B8B985

#8685B9

類似色

#B9A085

#9EB985

#B8B985

トライアド

#B8B985

#85B8B9

#B985B8

スプリット補色

#B8B985

#859EB9

#A085B9

テトラード

#B8B985

#85B9A0

#8685B9

#B9859E

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

オリジナル

#B8B985

第1色覚異常

#B8B892

第2色覚異常

#B8B895

第3色覚異常

#B89C9E

全色盲

#B5B5B5

CSS使用法

background-color: #B8B985;
color: #B8B985;
border-color: #B8B985;
最も近いTailwind： Orange 200 #FED7AA

Tailwindシェード

50
#F9F9F6
100
#F1F1E9
200
#E5E5D2
300
#D2D2B1
400
#B9BA87
500
#A1A25D
600
#81824A
700
#67683B
800
#50512E
900
#3C3C25
950
#262617

コントラストチェッカー

白背景のテキスト

2.04:1

AA Fail AAA Fail

黒背景のテキスト

10.32:1

AA Pass AAA Pass

比較する

#B8B985
#8685B9
#B8B985
#FFFFFF
#000000
#B8B985

関連記事

チュートリアル

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

RGB(184, 185, 133) · HSL(61.2, 27.1%, 62.4%) · CMYK(0.5%, 0.0%, 28.1%, 27.5%)

Does #B8B985 meet WCAG contrast on white?

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

What text color is readable on #B8B985?

Use 000000 text on a #B8B985 background; contrast on black is 10.32:1.