#BDA7BA

#BDA7BA

カラー値

HEX

#BDA7BA

RGB

189, 167, 186

HSL

308.2, 14.3%, 69.8%

HSV

308.2, 11.6%, 74.1%

CMYK

0.0%, 11.6%, 1.6%, 25.9%

OKLCH

0.7532 0.0365 330.4

プロパティ

暖色 明るい 最も近い： thistle 3

色彩心理学

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

カラーハーモニー

補色

#BDA7BA

#A7BDAA

類似色

#B5A7BD

#BDA7AF

#BDA7BA

トライアド

#BDA7BA

#BABDA7

#A7BABD

スプリット補色

#BDA7BA

#AFBDA7

#A7BDB5

テトラード

#BDA7BA

#BDB5A7

#A7BDAA

#A7AFBD

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

オリジナル

#BDA7BA

第1色覚異常

#B3B3B5

第2色覚異常

#B5B6B4

第3色覚異常

#BCB2B1

全色盲

#ADADAD

CSS使用法

background-color: #BDA7BA;
color: #BDA7BA;
border-color: #BDA7BA;
最も近いTailwind： Zinc 400 #A1A1AA

Tailwindシェード

50
#F8F6F8
100
#EFEBEF
200
#E0D6DF
300
#CBB9C8
400
#AE93AA
500
#926D8D
600
#755771
700
#5D465A
800
#493746
900
#372A35
950
#231B21

コントラストチェッカー

白背景のテキスト

2.23:1

AA Fail AAA Fail

黒背景のテキスト

9.4:1

AA Pass AAA Pass

比較する

#BDA7BA
#A7BDAA
#BDA7BA
#FFFFFF
#000000
#BDA7BA

関連記事

チュートリアル

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

RGB(189, 167, 186) · HSL(308.2, 14.3%, 69.8%) · CMYK(0.0%, 11.6%, 1.6%, 25.9%)

Does #BDA7BA meet WCAG contrast on white?

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

What text color is readable on #BDA7BA?

Use 000000 text on a #BDA7BA background; contrast on black is 9.4:1.