カラーピッカーへ移動

カラーコード #a93044:深みのある 暗いローズ

#a93044 はRGBで rgb(169, 48, 68)、OKLCHで oklch(49.831% 0.1564 15.608) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

350°
100%

49.8%
0.156
16°
  • ローズ
  • 暗い
  • 鮮やか
  • ディープ
  • 暖色系
  • ≈ 茶色
  • rose-800
  • 黒 34%

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

白い文字
6.58:1読みやすい · AA
Lc -87
黒い文字
3.19:1読みにくい
Lc 23

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#a93044 について

#a93044 は深みのある 暗いローズです。OKLCHでは明度 49.8%、クロマ 0.156、色相 16° です。

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

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

最も近い名前のある色は茶色(#a52a2a)です。Tailwind CSSで最も近い色は rose-800 です。

ほかのローズ系の色(暗い)系の色

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

  1. a93044
  2. b44855
  3. be5d67
  4. c87278
  5. d2868b
  6. db9a9d
  7. e3aeb0
  8. ebc2c3
  9. f2d6d7
  10. f9eaeb

暗く:#a93044 に黒を混ぜる

  1. a93044
  2. 92283a
  3. 7c2130
  4. 671a26
  5. 53131d
  6. 3f0c14
  7. 2c060c
  8. 1b0305
  9. 0a0102
  10. 010000

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

  1. a93044
  2. a33847
  3. 9d3f4a
  4. 97454e
  5. 904b51
  6. 8a5054
  7. 835457
  8. 7b585a
  9. 745c5d
  10. 6b5f60

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

#a93044 は何色ですか?

#a93044 は深みのある 暗いローズです。最も近い名前のある色は深みのある 暗いローズです。RGBでは rgb(169, 48, 68)、HSLでは hsl(350.08, 55.76%, 42.55%)、OKLCHでは oklch(49.831% 0.1564 15.608) です。

#a93044 に合う色は?

#a93044 の補色は #007476 です。落ち着いた組み合わせにするなら、類似色の #9d3476 と #a63b00 を使いましょう。トライアドの組み合わせは #347500 と #1261b9 です。

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

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

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

#a93044 は暖色系の色です。OKLCHでは色相 16度、明度 49.8%、クロマ 0.156 です。