カラーピッカーへ移動

カラーコード #4e367e:やわらかな 暗いバイオレット

#4e367e はRGBで rgb(78, 54, 126)、OKLCHで oklch(39.799% 0.11737 296.01) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

260°
100%

39.8%
0.117
296°
  • バイオレット
  • 暗い
  • ソフト
  • 寒色系
  • ≈ インディゴ
  • indigo-900
  • 黒 51%

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

白い文字
9.75:1読みやすい · AA
Lc -97
黒い文字
2.15:1読みにくい
Lc 12

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#4e367e について

#4e367e はやわらかな 暗いバイオレットです。OKLCHでは明度 39.8%、クロマ 0.117、色相 296° です。

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

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

最も近い名前のある色はインディゴ(#4b0082)です。Tailwind CSSで最も近い色は indigo-900 です。

ほかのバイオレット系の色(暗い)

明るく:#4e367e に白を混ぜる

  1. 4e367e
  2. 5d498b
  3. 6d5c98
  4. 7e70a5
  5. 8f83b2
  6. a197bf
  7. b3abcc
  8. c5c0d9
  9. d8d5e6
  10. ebeaf2

暗く:#4e367e に黒を混ぜる

  1. 4e367e
  2. 432e6d
  3. 38255c
  4. 2d1e4c
  5. 23163c
  6. 190f2d
  7. 0f081f
  8. 070311
  9. 020105
  10. 000001

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

  1. 4e367e
  2. 4d3979
  3. 4c3b73
  4. 4b3d6e
  5. 4b3f69
  6. 4a4063
  7. 49425e
  8. 494358
  9. 484553
  10. 47464d

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

#4e367e は何色ですか?

#4e367e はやわらかな 暗いバイオレットです。最も近い名前のある色はやわらかな 暗いバイオレットです。RGBでは rgb(78, 54, 126)、HSLでは hsl(260, 40%, 35.29%)、OKLCHでは oklch(39.799% 0.11737 296.01) です。

#4e367e に合う色は?

#4e367e の補色は #454d00 です。落ち着いた組み合わせにするなら、類似色の #294286 と #662c68 を使いましょう。トライアドの組み合わせは #743100 と #005745 です。

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

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

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

#4e367e は寒色系の色です。OKLCHでは色相 296度、明度 39.8%、クロマ 0.117 です。