カラーピッカーへ移動

カラーコード #4e355b:やわらかな 暗いパープル

#4e355b はRGBで rgb(78, 53, 91)、OKLCHで oklch(37.417% 0.07018 313.476) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

279°
100%

37.4%
0.070
313°
  • パープル
  • 暗い
  • ソフト
  • ニュートラル
  • ≈ 茄子紺
  • mauve-700
  • 黒 64%

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

白い文字
10.58:1読みやすい · AA
Lc -98
黒い文字
1.98:1読みにくい
Lc 9

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#4e355b について

#4e355b はやわらかな 暗いパープルです。OKLCHでは明度 37.4%、クロマ 0.07、色相 313° です。

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

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

最も近い名前のある色は茄子紺(#614051)です。Tailwind CSSで最も近い色は mauve-700 です。

ほかのパープル系の色(暗い)系の色

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

  1. 4e355b
  2. 5e476a
  3. 6f5a7a
  4. 7f6d8a
  5. 91809a
  6. a294aa
  7. b4a9bb
  8. c6becb
  9. d9d3dc
  10. ece9ee

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

  1. 4e355b
  2. 432d4e
  3. 382541
  4. 2d1d35
  5. 231529
  6. 190e1e
  7. 0f0813
  8. 070309
  9. 020103
  10. 000000

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

  1. 4e355b
  2. 4d3658
  3. 4b3856
  4. 4a3953
  5. 493a51
  6. 483b4e
  7. 463d4c
  8. 453e49
  9. 433f46
  10. 424043

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

#4e355b は何色ですか?

#4e355b はやわらかな 暗いパープルです。最も近い名前のある色はやわらかな 暗いパープルです。RGBでは rgb(78, 53, 91)、HSLでは hsl(279.47, 26.39%, 28.24%)、OKLCHでは oklch(37.417% 0.07018 313.476) です。

#4e355b に合う色は?

#4e355b の補色は #314920 です。落ち着いた組み合わせにするなら、類似色の #3c3b65 と #5a314a を使いましょう。トライアドの組み合わせは #573a0e と #004c4b です。

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

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

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

#4e355b はニュートラルの色です。OKLCHでは色相 313度、明度 37.4%、クロマ 0.07 です。