カラーピッカーへ移動

カラーコード #8a5d64:スモーキーな ローズ

#8a5d64 はRGBで rgb(138, 93, 100)、OKLCHで oklch(52.86% 0.05971 9.072) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

351°
100%

52.9%
0.060
9°
  • ローズ
  • 中間
  • くすみ
  • スモーキー
  • 暖色系
  • ≈ マルサラ
  • mauve-500
  • 黒 46%

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

白い文字
5.48:1読みやすい · AA
Lc -83
黒い文字
3.83:1読みにくい
Lc 27

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#8a5d64 について

#8a5d64 はスモーキーな ローズです。OKLCHでは明度 52.9%、クロマ 0.06、色相 9° です。

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

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

最も近い名前のある色はマルサラ(#964f4c)です。Tailwind CSSで最も近い色は mauve-500 です。

ほかのローズ系の色(中間)

明るく:#8a5d64 に白を混ぜる

  1. 8a5d64
  2. 966c72
  3. a17b81
  4. ad8b90
  5. b99b9f
  6. c4abae
  7. d0bbbe
  8. dcccce
  9. e8ddde
  10. f3eeee

暗く:#8a5d64 に黒を混ぜる

  1. 8a5d64
  2. 775056
  3. 654348
  4. 53373b
  5. 422a2e
  6. 321f22
  7. 221416
  8. 140a0b
  9. 070303
  10. 010000

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

  1. 8a5d64
  2. 875f65
  3. 846065
  4. 816266
  5. 7f6367
  6. 7c6568
  7. 786668
  8. 756769
  9. 72696a
  10. 6f6a6b

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

#8a5d64 は何色ですか?

#8a5d64 はスモーキーな ローズです。最も近い名前のある色はスモーキーな ローズです。RGBでは rgb(138, 93, 100)、HSLでは hsl(350.67, 19.48%, 45.29%)、OKLCHでは oklch(52.86% 0.05971 9.072) です。

#8a5d64 に合う色は?

#8a5d64 の補色は #3f7772 です。落ち着いた組み合わせにするなら、類似色の #835e77 と #8a6052 を使いましょう。トライアドの組み合わせは #61724d と #506e8d です。

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

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

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

#8a5d64 は暖色系の色です。OKLCHでは色相 9度、明度 52.9%、クロマ 0.06 です。