カラーピッカーへ移動

カラーコード #bd668d:やわらかな ピンク

#bd668d はRGBで rgb(189, 102, 141)、OKLCHで oklch(62.153% 0.11997 352.872) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

333°
100%

62.2%
0.120
353°
  • ピンク
  • 中間
  • ソフト
  • 暖色系
  • ≈ ブラッシュピンク
  • mauve-500
  • 黒 26%

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

白い文字
3.85:1読みにくい
Lc -71
黒い文字
5.45:1読みやすい · AA
Lc 38

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#bd668d について

#bd668d はやわらかな ピンクです。OKLCHでは明度 62.2%、クロマ 0.12、色相 353° です。

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

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

最も近い名前のある色はブラッシュピンク(#de5d83)です。Tailwind CSSで最も近い色は mauve-500 です。

ほかのピンク系の色(中間)系の色

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

  1. bd668d
  2. c57598
  3. cc84a3
  4. d393ae
  5. daa3b9
  6. e1b2c5
  7. e8c1d0
  8. eed0dc
  9. f4e0e7
  10. faeff3

暗く:#bd668d に黒を混ぜる

  1. bd668d
  2. a4587a
  3. 8c4a67
  4. 743c55
  5. 5d2f44
  6. 472333
  7. 331723
  8. 1f0c14
  9. 0d0407
  10. 020001

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

  1. bd668d
  2. b86a8c
  3. b36e8c
  4. ae718b
  5. a9758a
  6. a4788a
  7. 9e7b89
  8. 997e88
  9. 938188
  10. 8d8487

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

#bd668d は何色ですか?

#bd668d はやわらかな ピンクです。最も近い名前のある色はやわらかな ピンクです。RGBでは rgb(189, 102, 141)、HSLでは hsl(333.1, 39.73%, 57.06%)、OKLCHでは oklch(62.153% 0.11997 352.872) です。

#bd668d に合う色は?

#bd668d の補色は #009d7f です。落ち着いた組み合わせにするなら、類似色の #a96cb0 と #c56764 を使いましょう。トライアドの組み合わせは #888e2b と #1f92c3 です。

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

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

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

#bd668d は暖色系の色です。OKLCHでは色相 353度、明度 62.2%、クロマ 0.12 です。