カラーピッカーへ移動

カラーコード #aa8564:スモーキーな アンバー

#aa8564 はRGBで rgb(170, 133, 100)、OKLCHで oklch(64.384% 0.06487 63.005) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

28°
100%

64.4%
0.065
63°
  • アンバー
  • 中間
  • ソフト
  • スモーキー
  • 暖色系
  • ≈ 銅色
  • olive-500
  • 黒 33%

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

白い文字
3.36:1読みにくい
Lc -66
黒い文字
6.25:1読みやすい · AA
Lc 43

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#aa8564 について

#aa8564 はスモーキーな アンバーです。OKLCHでは明度 64.4%、クロマ 0.065、色相 63° です。

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

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

最も近い名前のある色は銅色(#b87333)です。Tailwind CSSで最も近い色は olive-500 です。

ほかのアンバー系の色(中間)

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

  1. aa8564
  2. b39173
  3. bb9d82
  4. c4a891
  5. ccb5a0
  6. d5c1b0
  7. ddcdbf
  8. e5d9cf
  9. eee6df
  10. f6f2ef

暗く:#aa8564 に黒を混ぜる

  1. aa8564
  2. 937356
  3. 7d6148
  4. 68503b
  5. 53402e
  6. 3f3022
  7. 2d2116
  8. 1b130b
  9. 0b0603
  10. 010100

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

  1. aa8564
  2. a78668
  3. a5876d
  4. a28871
  5. 9f8975
  6. 9c8979
  7. 998a7d
  8. 968b81
  9. 938c85
  10. 908c89

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

#aa8564 は何色ですか?

#aa8564 はスモーキーな アンバーです。最も近い名前のある色はスモーキーな アンバーです。RGBでは rgb(170, 133, 100)、HSLでは hsl(28.29, 29.17%, 52.94%)、OKLCHでは oklch(64.384% 0.06487 63.005) です。

#aa8564 に合う色は?

#aa8564 の補色は #6b92b2 です。落ち着いた組み合わせにするなら、類似色の #b17f74 と #9b8d5f を使いましょう。トライアドの組み合わせは #5e9b91 と #9584ae です。

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

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

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

#aa8564 は暖色系の色です。OKLCHでは色相 63度、明度 64.4%、クロマ 0.065 です。