#BF92BA

#BF92BA

カラー値

HEX

#BF92BA

RGB

191, 146, 186

HSL

306.7, 26.0%, 66.1%

HSV

306.7, 23.6%, 74.9%

CMYK

0.0%, 23.6%, 2.6%, 25.1%

OKLCH

0.7152 0.0765 330.1

プロパティ

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

カラーハーモニー

補色

#BF92BA

#92BF97

類似色

#AE92BF

#BF92A4

#BF92BA

トライアド

#BF92BA

#BABF92

#92BABF

スプリット補色

#BF92BA

#A4BF92

#92BFAE

テトラード

#BF92BA

#BFAE92

#92BF97

#92A4BF

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

オリジナル

#BF92BA

第1色覚異常

#ACABB0

第2色覚異常

#AEB2AE

第3色覚異常

#BDA9A7

全色盲

#9E9E9E

CSS使用法

background-color: #BF92BA;
color: #BF92BA;
border-color: #BF92BA;
最も近いTailwind： Pink 300 #F9A8D4

Tailwindシェード

50
#F9F6F9
100
#F1E9F0
200
#E5D2E3
300
#D2B2CE
400
#B988B4
500
#A15E99
600
#814B7B
700
#673C62
800
#502F4D
900
#3C2539
950
#261724

コントラストチェッカー

白背景のテキスト

2.61:1

AA Fail AAA Fail

黒背景のテキスト

8.04:1

AA Pass AAA Pass

比較する

#BF92BA
#92BF97
#BF92BA
#FFFFFF
#000000
#BF92BA

関連記事

チュートリアル

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

RGB(191, 146, 186) · HSL(306.7, 26.0%, 66.1%) · CMYK(0.0%, 23.6%, 2.6%, 25.1%)

Does #BF92BA meet WCAG contrast on white?

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

What text color is readable on #BF92BA?

Use 000000 text on a #BF92BA background; contrast on black is 8.04:1.