#BBC080

#BBC080

カラー値

HEX

#BBC080

RGB

187, 192, 128

HSL

64.7, 33.7%, 62.7%

HSV

64.7, 33.3%, 75.3%

CMYK

2.6%, 0.0%, 33.3%, 24.7%

OKLCH

0.7886 0.0848 112.0

プロパティ

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

カラーハーモニー

補色

#BBC080

#8580C0

類似色

#C0A580

#9BC080

#BBC080

トライアド

#BBC080

#80BBC0

#C080BB

スプリット補色

#BBC080

#809BC0

#A580C0

テトラード

#BBC080

#80C0A5

#8580C0

#C0809B

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

オリジナル

#BBC080

第1色覚異常

#BDBD8F

第2色覚異常

#BDBC93

第3色覚異常

#BB9C9E

全色盲

#BABABA

CSS使用法

background-color: #BBC080;
color: #BBC080;
border-color: #BBC080;
最も近いTailwind： Yellow 100 #FEF9C3

Tailwindシェード

50
#F9FAF5
100
#F1F2E8
200
#E5E7CF
300
#D3D6AD
400
#BBC081
500
#A4AA55
600
#838844
700
#696D36
800
#52552A
900
#3D3F22
950
#262815

コントラストチェッカー

白背景のテキスト

1.92:1

AA Fail AAA Fail

黒背景のテキスト

10.96:1

AA Pass AAA Pass

比較する

#BBC080
#8580C0
#BBC080
#FFFFFF
#000000
#BBC080

関連記事

チュートリアル

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

RGB(187, 192, 128) · HSL(64.7, 33.7%, 62.7%) · CMYK(2.6%, 0.0%, 33.3%, 24.7%)

Does #BBC080 meet WCAG contrast on white?

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

What text color is readable on #BBC080?

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