カラーピッカーへ移動

カラーコード #bfa2bb:スモーキーな 明るいマゼンタ

#bfa2bb はRGBで rgb(191, 162, 187)、OKLCHで oklch(74.564% 0.04818 330.617) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

308°
100%

74.6%
0.048
331°
  • マゼンタ
  • 明るい
  • くすみ
  • スモーキー
  • ニュートラル
  • ≈ ライラック
  • mauve-400
  • 黒 25%

sRGBの範囲内:どの画面でも同じように表示されます。

白い文字
2.31:1読みにくい
Lc -50
黒い文字
9.10:1読みやすい · AA
Lc 58

シェード

明るい順に並んでいます。クリックするとそのシェードを使えます。

配色ハーモニー

パレットで開く

最近の色

選んだ色やコピーした色がここに表示されます。データはこの端末に残ります。

#bfa2bb について

#bfa2bb はスモーキーな 明るいマゼンタです。OKLCHでは明度 74.6%、クロマ 0.048、色相 331° です。

sRGBの範囲内:どの画面でも同じように表示されます。

この色の上では白い文字のコントラストが 2.31:1、黒い文字が 9.1:1 なので、黒の文字のほうが読みやすくなります。

最も近い名前のある色はライラック(#c8a2c8)です。Tailwind CSSで最も近い色は mauve-400 です。

ほかのマゼンタ系の色(明るい)系の色

明るく:#bfa2bb に白を混ぜる

  1. bfa2bb
  2. c5abc2
  3. ccb4c8
  4. d2bdcf
  5. d9c6d6
  6. dfd0dd
  7. e5d9e3
  8. ece2ea
  9. f2ecf1
  10. f9f5f8

暗く:#bfa2bb に黒を混ぜる

  1. bfa2bb
  2. a68ca2
  3. 8d778a
  4. 756373
  5. 5e4f5c
  6. 483c46
  7. 332a32
  8. 1f191f
  9. 0d0a0d
  10. 020102

落ち着かせる:#bfa2bb の彩度を下げる

  1. bfa2bb
  2. bda3ba
  3. bba4b8
  4. baa5b7
  5. b8a6b5
  6. b6a7b4
  7. b4a8b2
  8. b2a9b1
  9. b0aaaf
  10. aeabae

#bfa2bb についてのよくある質問

#bfa2bb は何色ですか?

#bfa2bb はスモーキーな 明るいマゼンタです。最も近い名前のある色はスモーキーな 明るいマゼンタです。RGBでは rgb(191, 162, 187)、HSLでは hsl(308.28, 18.47%, 69.22%)、OKLCHでは oklch(74.564% 0.04818 330.617) です。

#bfa2bb に合う色は?

#bfa2bb の補色は #97b69d です。落ち着いた組み合わせにするなら、類似色の #b1a6c7 と #c8a0ab を使いましょう。トライアドの組み合わせは #b8ac8a と #8ab5be です。

#bfa2bb の上では白と黒のどちらの文字が読みやすいですか?

#bfa2bb の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.31:1、黒は 9.1:1 です。WCAG AAでは本文に4.5:1以上が求められます。

#bfa2bb は暖色と寒色のどちらですか?

#bfa2bb はニュートラルの色です。OKLCHでは色相 331度、明度 74.6%、クロマ 0.048 です。