カラーピッカーへ移動

カラーコード #9273cb:やわらかな バイオレット

#9273cb はRGBで rgb(146, 115, 203)、OKLCHで oklch(62.226% 0.13219 298.747) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

261°
100%

62.2%
0.132
299°
  • バイオレット
  • 中間
  • ソフト
  • 寒色系
  • ≈ アメジスト
  • indigo-400
  • 黒 20%

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

白い文字
3.79:1読みにくい
Lc -71
黒い文字
5.54:1読みやすい · AA
Lc 39

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#9273cb について

#9273cb はやわらかな バイオレットです。OKLCHでは明度 62.2%、クロマ 0.132、色相 299° です。

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

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

最も近い名前のある色はアメジスト(#9966cc)です。Tailwind CSSで最も近い色は indigo-400 です。

ほかのバイオレット系の色(中間)

明るく:#9273cb に白を混ぜる

  1. 9273cb
  2. 9c81d1
  3. a68fd7
  4. b19ddc
  5. bcabe2
  6. c7b9e7
  7. d2c6ec
  8. ddd4f1
  9. e8e3f6
  10. f3f1fa

暗く:#9273cb に黒を混ぜる

  1. 9273cb
  2. 7e63b0
  3. 6b5496
  4. 58457d
  5. 463665
  6. 35284d
  7. 251b37
  8. 160f22
  9. 08050f
  10. 010102

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

  1. 9273cb
  2. 9176c4
  3. 8f78be
  4. 8e7ab7
  5. 8d7cb0
  6. 8c7eaa
  7. 8b80a3
  8. 8a829c
  9. 898495
  10. 88858e

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

#9273cb は何色ですか?

#9273cb はやわらかな バイオレットです。最も近い名前のある色はやわらかな バイオレットです。RGBでは rgb(146, 115, 203)、HSLでは hsl(261.14, 45.83%, 62.35%)、OKLCHでは oklch(62.226% 0.13219 298.747) です。

#9273cb に合う色は?

#9273cb の補色は #7f9123 です。落ち着いた組み合わせにするなら、類似色の #6682d6 と #b167ae を使いましょう。トライアドの組み合わせは #c07025 と #00a088 です。

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

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

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

#9273cb は寒色系の色です。OKLCHでは色相 299度、明度 62.2%、クロマ 0.132 です。