カラーピッカーへ移動

カラーコード #451237:深みのある ごく暗いピンク

#451237 はRGBで rgb(69, 18, 55)、OKLCHで oklch(28.229% 0.0915 340.395) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

316°
100%

28.2%
0.092
340°
  • ピンク
  • ごく暗い
  • 鮮やか
  • ディープ
  • 暖色系
  • ≈ グラファイト
  • pink-950
  • 黒 73%

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

白い文字
15.06:1読みやすい · AA
Lc -104
黒い文字
1.39:1読みにくい
Lc 0

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#451237 について

#451237 は深みのある ごく暗いピンクです。OKLCHでは明度 28.2%、クロマ 0.092、色相 340° です。

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

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

最も近い名前のある色はグラファイト(#383838)です。Tailwind CSSで最も近い色は pink-950 です。

ほかのピンク系の色(ごく暗い)系の色

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

  1. 451237
  2. 572849
  3. 693e5b
  4. 7c546e
  5. 8e6b81
  6. a08295
  7. b39aa9
  8. c6b2be
  9. d9cbd3
  10. ece5e9

暗く:#451237 に黒を混ぜる

  1. 451237
  2. 3b0e2e
  3. 310a26
  4. 27071e
  5. 1e0416
  6. 15020f
  7. 0c0108
  8. 050103
  9. 020001
  10. 000000

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

  1. 451237
  2. 431636
  3. 401934
  4. 3e1b33
  5. 3b1e32
  6. 392030
  7. 36222f
  8. 33242e
  9. 30262c
  10. 2d282b

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

#451237 は何色ですか?

#451237 は深みのある ごく暗いピンクです。最も近い名前のある色は深みのある ごく暗いピンクです。RGBでは rgb(69, 18, 55)、HSLでは hsl(316.47, 58.62%, 17.06%)、OKLCHでは oklch(28.229% 0.0915 340.395) です。

#451237 に合う色は?

#451237 の補色は #003619 です。落ち着いた組み合わせにするなら、類似色の #37194a と #4c0f1f を使いましょう。トライアドの組み合わせは #322900 と #003142 です。

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

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

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

#451237 は暖色系の色です。OKLCHでは色相 340度、明度 28.2%、クロマ 0.092 です。