#BCACBF

#BCACBF

カラー値

HEX

#BCACBF

RGB

188, 172, 191

HSL

290.5, 12.9%, 71.2%

HSV

290.5, 9.9%, 74.9%

CMYK

1.6%, 9.9%, 0.0%, 25.1%

OKLCH

0.7638 0.0321 320.9

プロパティ

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

カラーハーモニー

補色

#BCACBF

#AFBFAC

類似色

#B3ACBF

#BFACB9

#BCACBF

トライアド

#BCACBF

#BFBCAC

#ACBFBC

スプリット補色

#BCACBF

#B9BFAC

#ACBFB3

テトラード

#BCACBF

#BFB3AC

#AFBFAC

#ACB9BF

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

オリジナル

#BCACBF

第1色覚異常

#B5B5BA

第2色覚異常

#B6B7B9

第3色覚異常

#BBB7B6

全色盲

#B1B1B1

CSS使用法

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

Tailwindシェード

50
#F8F7F8
100
#EEEBEF
200
#DED7E0
300
#C7BACA
400
#A994AD
500
#8B6F90
600
#6F5973
700
#59475C
800
#453848
900
#342B36
950
#211B22

コントラストチェッカー

白背景のテキスト

2.14:1

AA Fail AAA Fail

黒背景のテキスト

9.79:1

AA Pass AAA Pass

比較する

#BCACBF
#AFBFAC
#BCACBF
#FFFFFF
#000000
#BCACBF

関連記事

チュートリアル

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

RGB(188, 172, 191) · HSL(290.5, 12.9%, 71.2%) · CMYK(1.6%, 9.9%, 0.0%, 25.1%)

Does #BCACBF meet WCAG contrast on white?

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

What text color is readable on #BCACBF?

Use 000000 text on a #BCACBF background; contrast on black is 9.79:1.