カラーピッカーへ移動

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

#bd97bb はRGBで rgb(189, 151, 187)、OKLCHで oklch(72.282% 0.06683 327.943) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

303°
100%

72.3%
0.067
328°
  • マゼンタ
  • 明るい
  • くすみ
  • スモーキー
  • ニュートラル
  • ≈ ライラック
  • mauve-400
  • 黒 26%

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

白い文字
2.53:1読みにくい
Lc -55
黒い文字
8.31:1読みやすい · AA
Lc 54

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#bd97bb について

#bd97bb はスモーキーな 明るいマゼンタです。OKLCHでは明度 72.3%、クロマ 0.067、色相 328° です。

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

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

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

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

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

  1. bd97bb
  2. c4a1c2
  3. caabc8
  4. d1b5cf
  5. d8c0d6
  6. decadd
  7. e5d5e4
  8. ebdfea
  9. f2eaf1
  10. f8f4f8

暗く:#bd97bb に黒を混ぜる

  1. bd97bb
  2. a483a2
  3. 8c6f8a
  4. 745c73
  5. 5d495c
  6. 473746
  7. 332632
  8. 1f171f
  9. 0d080d
  10. 020102

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

  1. bd97bb
  2. bb99b9
  3. b89ab7
  4. b69cb5
  5. b49db2
  6. b29eb0
  7. afa0ae
  8. ada1ac
  9. aaa3aa
  10. a8a4a8

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

#bd97bb は何色ですか?

#bd97bb はスモーキーな 明るいマゼンタです。最も近い名前のある色はスモーキーな 明るいマゼンタです。RGBでは rgb(189, 151, 187)、HSLでは hsl(303.16, 22.35%, 66.67%)、OKLCHでは oklch(72.282% 0.06683 327.943) です。

#bd97bb に合う色は?

#bd97bb の補色は #89b18e です。落ち着いた組み合わせにするなら、類似色の #aa9dcb と #c994a5 を使いましょう。トライアドの組み合わせは #b7a475 と #72b2bb です。

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

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

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

#bd97bb はニュートラルの色です。OKLCHでは色相 328度、明度 72.3%、クロマ 0.067 です。