カラーピッカーへ移動

カラーコード #cb82bc:やわらかな 明るいマゼンタ

#cb82bc はRGBで rgb(203, 130, 188)、OKLCHで oklch(70.072% 0.11694 334.538) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

312°
100%

70.1%
0.117
335°
  • マゼンタ
  • 明るい
  • ソフト
  • ニュートラル
  • ≈ オーキッド
  • pink-400
  • 黒 20%

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

白い文字
2.82:1読みにくい
Lc -59
黒い文字
7.46:1読みやすい · AA
Lc 50

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#cb82bc について

#cb82bc はやわらかな 明るいマゼンタです。OKLCHでは明度 70.1%、クロマ 0.117、色相 335° です。

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

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

最も近い名前のある色はオーキッド(#da70d6)です。Tailwind CSSで最も近い色は pink-400 です。

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

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

  1. cb82bc
  2. d18ec3
  3. d79bc9
  4. dca7d0
  5. e1b4d7
  6. e7c0de
  7. eccde4
  8. f1d9eb
  9. f6e6f2
  10. faf2f8

暗く:#cb82bc に黒を混ぜる

  1. cb82bc
  2. b070a3
  3. 965f8b
  4. 7d4e73
  5. 653e5d
  6. 4d2f47
  7. 372032
  8. 22121f
  9. 0f060d
  10. 020102

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

  1. cb82bc
  2. c785b9
  3. c388b6
  4. bf8cb3
  5. ba8fb0
  6. b691ae
  7. b294ab
  8. ad97a8
  9. a899a5
  10. a39ca2

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

#cb82bc は何色ですか?

#cb82bc はやわらかな 明るいマゼンタです。最も近い名前のある色はやわらかな 明るいマゼンタです。RGBでは rgb(203, 130, 188)、HSLでは hsl(312.33, 41.24%, 65.29%)、OKLCHでは oklch(70.072% 0.11694 334.538) です。

#cb82bc に合う色は?

#cb82bc の補色は #5db47e です。落ち着いた組み合わせにするなら、類似色の #af8cd9 と #db7e95 を使いましょう。トライアドの組み合わせは #b69d3e と #23b1cb です。

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

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

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

#cb82bc はニュートラルの色です。OKLCHでは色相 335度、明度 70.1%、クロマ 0.117 です。